.frame::before,body{background-size:contain}#nav-lainnya .card,.navmenu{overflow:hidden}@-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)}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-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)}}.animationSpin{-webkit-animation:4s linear infinite spin;animation:4s linear infinite spin}.animationcountertime,.animationscale{-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite}.animationcountertime,.animationscale,.animationshake{animation-direction:alternate-reverse}.animationscale{-webkit-animation-name:animationscale;animation-name:animationscale;animation-duration:1s;animation-iteration-count:infinite}.animationcountertime{-webkit-animation-name:animationcountertime;animation-name:animationcountertime;animation-duration:1s;animation-iteration-count:infinite}.animationshake{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:1s;animation-duration:1s;-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:25s cubic-bezier(.55,.5,.45,.5) infinite move-forever;animation:25s cubic-bezier(.55,.5,.45,.5) infinite move-forever}.parallax>use:first-child{-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;scroll-behavior:unset}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#888;border-radius:9px}::-webkit-scrollbar-thumb:hover{background:#555}h1,h2,h3,h4,h5,h6{margin:5px}iframe{width:100%;height:300px;border-radius:9px}svg:not(.waves){width:15px;height:15px}.backsound svg path,svg:not(.waves) path{fill:var(--primaryColor)}.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}.frame,section.card{border-radius:9px}.backsound svg{width:24px;height:24px}.backsound .iconplay,.backsound.play .iconpause{display:none}.backsound .iconpause,.backsound.play .iconplay{display:inline}.frame{margin:0;padding:99px 9px}.frame::before{content:'';position:absolute;z-index:9;top:0;left:0;width:calc(100% - 36px);height:99px;margin:0 18px;background-position:center;background-repeat:repeat-x}.content-text{padding:37px 9px;border-radius:15px}body{padding-left:0;padding-right:0;color:#251909;padding-bottom:39px;background-color:#f5eee1;background-image:url(/images/bg.jpg);background-attachment:fixed;text-shadow:1px 1px 7px #ffffff3d}.min-height100-69px{min-height:calc(100vh - 69px)}.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 .btn,.navmenu{border-radius:33px}#coverModal .card .penerima{font-size:15pt}.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;background-color:#ffffffe6;-webkit-box-shadow:0 -1px 3px #e8eded;box-shadow:0 -1px 3px #e8eded}.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: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}#nav-cerita .icon svg,#nav-tamu .card .wishes .wish .message,.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%);width:70%;height:70%;background-size:cover;background-position:center;max-width:151px;max-height:151px;-webkit-transition:top 1s;transition:top 1s;border-radius:29px}#nav-cover .foto-cover.animate{top:53%}#nav-cover span.tgl-acara,.membesar{-webkit-transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;-webkit-transform:scale(0);transform:scale(0)}#nav-cover span.tgl-acara.animate,.membesar.animate{-webkit-transform:scale(1);transform:scale(1)}#nav-cover .counter{width:63px;height:63px;border-radius:39%;margin:0 3px;padding:5px;background-color:#46290685;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 span{height:100%;width:3px;border-radius:9px;display:inline-block;background-color:#064346}#nav-cerita .story{border-radius:33px;border:1px dashed gray;-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;-webkit-transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;-webkit-transform:translateY(100%);transform:translateY(100%)}#nav-galeri img.animate{-webkit-transform:translateY(0);transform:translateY(0)}#nav-tamu .card .form-control{border-radius:19px;z-index:2;position:relative}#nav-tamu .card .form-control input,#nav-tamu .card .wishes .wish *{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-lainnya .card .angpao,#nav-lainnya .card .kado{position:relative;padding:9px;border-radius:19px}.turun{-webkit-transition:1s;transition:1s;top:-150%}.naik.animate,.turun.animate{top:0}.naik{-webkit-transition:top 1s;transition:top 1s;top:150%}.kekiri{-webkit-transition:right 1s;transition:right 1s;right:-150%}.kekiri.animate{right:0}.kekanan{-webkit-transition:left 1s;transition:left 1s;left:-150%}.kekanan.animate{left:0}.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,-webkit-animation .3s;transition:opacity .3s,animation .3s,-webkit-animation .3s;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:15s linear infinite bar;animation:15s linear infinite bar}@-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:120s linear infinite bar;animation:120s linear infinite bar}.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}}