@-webkit-keyframes animationscale{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.7);transform:scale(.7)}}@keyframes animationscale{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.7);transform:scale(.7)}}@-webkit-keyframes animationcountertime{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes animationcountertime{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@-webkit-keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0);transform:translate(1px,1px) rotate(0)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px,0) rotate(1deg);transform:translate(-3px,0) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0);transform:translate(3px,2px) rotate(0)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0);transform:translate(-3px,1px) rotate(0)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0);transform:translate(1px,2px) rotate(0)}100%{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0);transform:translate(1px,1px) rotate(0)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px,0) rotate(1deg);transform:translate(-3px,0) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0);transform:translate(3px,2px) rotate(0)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0);transform:translate(-3px,1px) rotate(0)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0);transform:translate(1px,2px) rotate(0)}100%{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}.animationscale{-webkit-animation-name:animationscale;animation-name:animationscale;-webkit-animation-duration:1s;animation-duration:1s;animation-direction:alternate-reverse;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animationcountertime{-webkit-animation-name:animationcountertime;animation-name:animationcountertime;-webkit-animation-duration:1s;animation-duration:1s;animation-direction:alternate-reverse;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animationshake{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:1s;animation-duration:1s;animation-direction:alternate-reverse;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}:root{--primaryColor:#064346}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#888;border-radius:9px}::-webkit-scrollbar-thumb:hover{background:#555}:root{scroll-behavior:unset}h1,h2,h3,h4,h5,h6{margin:5px}iframe{width:100%;height:300px}svg{width:15px;height:15px}svg path{fill:var(--primaryColor)}iframe{border-radius:9px}.backsound{position:fixed;right:9px;top:50%;z-index:97;padding:5px;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:50%;background-color:#fff;border:1px solid #dedede}.backsound svg{width:24px;height:24px}.backsound svg path{fill:var(--primaryColor)}.backsound .iconplay{display:none}.backsound .iconpause{display:inline}.backsound.play .iconplay{display:inline}.backsound.play .iconpause{display:none}.frame{margin:0;padding:99px 9px;border-radius:9px;min-height:calc(100vh - 69px)}.frame::before{content:'';position:absolute;z-index:9;top:0;left:0;width:calc(100% - 36px);height:99px;margin:0 18px;background-size:contain;background-position:center;background-repeat:repeat-x}.content-text{padding:37px 9px;border-radius:15px}body{padding-left:3px;padding-right:3px;color:#0c4643;padding-bottom:39px;background-color:#f5eee1;background-image:url(/images/bg.jpg);background-size:contain;background-attachment:fixed;text-shadow:1px 1px 3px #4d586da3}section{min-height:calc(100vh - 69px)}section.card{border-radius:9px}.container{max-width:750px;padding-top:9px}.container .card{position:relative}.container:not(.modal-body){padding-bottom:61px}.container.class-crush *{position:absolute}#coverModal .card{padding:17px;border-radius:19px;-webkit-box-shadow:1px 1px 5px grey;box-shadow:1px 1px 5px grey}#coverModal .card svg{width:33px;height:33px}#coverModal .card svg path{fill:white}#coverModal .card .to{border-radius:9px;margin:9px;padding:9px 3px}#coverModal .card .penerima{font-size:15pt}#coverModal .card .btn{border-radius:33px}.navmenu{position:fixed;-webkit-transition:bottom .5s;transition:bottom .5s;z-index:99;bottom:-99px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;max-width:750px;margin:3px 0;border-radius:33px;background-color:#ffffffe6;-webkit-box-shadow:0 -1px 3px #e8eded;box-shadow:0 -1px 3px #e8eded;overflow:hidden}.navmenu .container{padding:0 5px}.navmenu .container .nav-tabs{-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:none}.navmenu .container .nav-tabs .nav-link{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:0;font-size:8pt;padding:.5rem .25rem;font-weight:600;border:none;-webkit-transition:-webkit-box-flex .5s;transition:-webkit-box-flex .5s;transition:flex .5s;transition:flex .5s,-webkit-box-flex .5s,-ms-flex .5s}.navmenu .container .nav-tabs .nav-link p{margin:0;display:none}.navmenu .container .nav-tabs .nav-link.active{background-color:#f5eee1;-webkit-box-flex:2;-ms-flex:2;flex:2;display:block}.navmenu .container .nav-tabs .nav-link.active p{display:block}.navmenu.show{bottom:0}#nav-cover .img-cover{margin:0 auto;max-width:279px}#nav-cover .foto-cover{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);width:70%;height:70%;background-size:cover;background-position:center;max-width:151px;max-height:151px}#nav-cover .counter{width:63px;height:63px;border-radius:39%;margin:0 3px;padding:5px;background-color:#06434685;color:#fff;font-size:14pt}#nav-cover .counter span{font-size:10pt}#nav-cerita .date{font-family:breadley;font-size:11pt;width:69px;font-weight:700}#nav-cerita .icon{margin:0 5px;min-height:69px;text-align:center}#nav-cerita .icon svg{display:block}#nav-cerita .icon span{height:100%;width:3px;border-radius:9px;display:inline-block;background-color:#064346}#nav-cerita .story{border-radius:33px;border:1px gray dashed;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:9px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transition:background-color 1s;transition:background-color 1s;background-color:#fff;color:#274854}#nav-cerita .story.animate{background-color:#064346;color:#fff}#nav-galeri img{width:100%;border-radius:17px;cursor:pointer;-webkit-box-shadow:2px 2px 5px grey;box-shadow:2px 2px 5px grey}#nav-tamu .card .form-control{border-radius:19px;z-index:2;position:relative}#nav-tamu .card .form-control input{text-shadow:none}#nav-tamu .card svg{width:21px;height:21px;vertical-align:sub}#nav-tamu .card .wishes .wish{padding:9px;background-color:#fff;border-radius:9px;margin-bottom:5px}#nav-tamu .card .wishes .wish .user{font-weight:700}#nav-tamu .card .wishes .wish .confirm{padding:0 9px;border-radius:9px;border:1px solid #b6b5b5;font-size:9pt;margin-left:3px}#nav-tamu .card .wishes .wish .time{display:block;font-size:9pt;margin:9px 0}#nav-tamu .card .wishes .wish .message{display:block}#nav-tamu .card .wishes .wish *{text-shadow:none}#nav-lainnya .card{overflow:hidden}#nav-lainnya .card .angpao,#nav-lainnya .card .kado{position:relative;padding:9px;border-radius:19px}