@-webkit-keyframes animationscale{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.7);transform:scale(0.7)}}@keyframes animationscale{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.7);transform:scale(0.7)}}@-webkit-keyframes animationcountertime{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes animationcountertime{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@-webkit-keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px,0px) rotate(1deg);transform:translate(-3px,0px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}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(0deg);transform:translate(-3px,1px) rotate(0deg)}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(0deg);transform:translate(1px,2px) rotate(0deg)}100%{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px,0px) rotate(1deg);transform:translate(-3px,0px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}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(0deg);transform:translate(-3px,1px) rotate(0deg)}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(0deg);transform:translate(1px,2px) rotate(0deg)}100%{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@-webkit-keyframes move-forever{0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}100%{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}}@keyframes move-forever{0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}100%{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}}.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}.waves{position:relative;width:100%;height:15vh;margin-bottom:-7px;min-height:69px;max-height:69px}.parallax > use{-webkit-animation:move-forever 25s cubic-bezier(0.55,0.5,0.45,0.5) infinite;animation:move-forever 25s cubic-bezier(0.55,0.5,0.45,0.5) infinite}.parallax > use:nth-child(1){-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:7s;animation-duration:7s}.parallax > use:nth-child(2){-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-animation-duration:10s;animation-duration:10s}.parallax > use:nth-child(3){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:13s;animation-duration:13s}.parallax > use:nth-child(4){-webkit-animation-delay:-5s;animation-delay:-5s;-webkit-animation-duration:20s;animation-duration:20s}: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:not(.waves){width:15px;height:15px}svg:not(.waves) 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:#fff}#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{background-position:center;background-size:cover}#nav-cover .img-banner{width:100%;height:auto}#nav-cover .caption-banner{position:absolute;top:50%;left:50%;width:100%;text-align:right;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#nav-cover .caption-banner :not(.btn):not(.fa){width:100%}#nav-cover .caption-banner .btn{font-size:9pt}#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}.hr{width:100%;height:1px;display:block;position:relative;margin-bottom:0;padding:1px 0}.hr:after,.hr:before{content:"";position:absolute;width:100%;height:1px;bottom:50%;left:0}.hr:before{background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(50%,#fff),color-stop(50%,transparent),to(transparent));background:linear-gradient(90deg,#fff 0%,#fff 50%,transparent 50%,transparent 100%);background-size:15px;background-position:center;z-index:1}.hr:after{-webkit-transition:opacity .3s ease,-webkit-animation .3s ease;transition:opacity .3s ease,-webkit-animation .3s ease;transition:opacity .3s ease,animation .3s ease;transition:opacity .3s ease,animation .3s ease,-webkit-animation .3s ease;background:-webkit-gradient(linear,left top,right top,color-stop(5%,#62efab),color-stop(15%,#F2EA7D),color-stop(25%,#F2EA7D),color-stop(35%,#FF8797),color-stop(45%,#FF8797),color-stop(55%,#e1a4f4),color-stop(65%,#e1a4f4),color-stop(75%,#82fff4),color-stop(85%,#82fff4),color-stop(95%,#62efab));background:linear-gradient(to right,#62efab 5%,#F2EA7D 15%,#F2EA7D 25%,#FF8797 35%,#FF8797 45%,#e1a4f4 55%,#e1a4f4 65%,#82fff4 75%,#82fff4 85%,#62efab 95%);background-size:200%;background-position:0;-webkit-animation:bar 15s linear infinite;animation:bar 15s linear infinite}@-webkit-keyframes bar{0%{background-position:0}100%{background-position:200%}}@keyframes bar{0%{background-position:0}100%{background-position:200%}}.hr.anim:before{background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(5%,#fff),color-stop(5%,transparent),color-stop(10%,transparent),color-stop(10%,#fff),color-stop(15%,#fff),color-stop(15%,transparent),color-stop(20%,transparent),color-stop(20%,#fff),color-stop(25%,#fff),color-stop(25%,transparent),color-stop(30%,transparent),color-stop(30%,#fff),color-stop(35%,#fff),color-stop(35%,transparent),color-stop(40%,transparent),color-stop(40%,#fff),color-stop(45%,#fff),color-stop(45%,transparent),color-stop(50%,transparent),color-stop(50%,#fff),color-stop(55%,#fff),color-stop(55%,transparent),color-stop(60%,transparent),color-stop(60%,#fff),color-stop(65%,#fff),color-stop(65%,transparent),color-stop(70%,transparent),color-stop(70%,#fff),color-stop(75%,#fff),color-stop(75%,transparent),color-stop(80%,transparent),color-stop(80%,#fff),color-stop(85%,#fff),color-stop(85%,transparent),color-stop(90%,transparent),color-stop(90%,#fff),color-stop(95%,#fff),color-stop(95%,transparent),to(transparent));background:linear-gradient(90deg,#fff 0%,#fff 5%,transparent 5%,transparent 10%,#fff 10%,#fff 15%,transparent 15%,transparent 20%,#fff 20%,#fff 25%,transparent 25%,transparent 30%,#fff 30%,#fff 35%,transparent 35%,transparent 40%,#fff 40%,#fff 45%,transparent 45%,transparent 50%,#fff 50%,#fff 55%,transparent 55%,transparent 60%,#fff 60%,#fff 65%,transparent 65%,transparent 70%,#fff 70%,#fff 75%,transparent 75%,transparent 80%,#fff 80%,#fff 85%,transparent 85%,transparent 90%,#fff 90%,#fff 95%,transparent 95%,transparent 100%);background-size:150px;background-position:center;z-index:1;-webkit-animation:bar 120s linear infinite;animation:bar 120s linear infinite}.hr.anim:hover:before{-webkit-animation-duration:20s;animation-duration:20s}.hr.anim:hover:after{-webkit-animation-duration:2s;animation-duration:2s}@media (min-width: 768px){.waves{height:69px;min-height:69px}}