@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&family=Raleway:ital,wght@0,200;0,300;0,400;0,500;0,600;1,100;1,200;1,300;1,400;1,500;1,600&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap");div#__next,html,main{height:100%}html{margin:0;padding:0}body{height:100%;max-height:100%;font-family:Titillium Web,sans-serif;float:left;width:100%}.ff-great{font-family:Great Vibes,cursive!important}.gradient-slide-in-text{background:linear-gradient(-45deg,#fff,#fff870);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:animated_text 10s ease-in-out infinite;-moz-animation:animated_text 10s ease-in-out infinite;-webkit-animation:animated_text 10s ease-in-out infinite}@keyframes animated_text{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.area{background:linear-gradient(-45deg,#ee7752,#e73c7e,#a91094,#d12b2b)}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:hsla(0,0%,100%,.2);animation:animate 25s linear infinite;bottom:-150px}.circles li:first-child{left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}.cs-content h2{font-size:72px;line-height:110px}.cs-content p{color:#fff}.cs-logo img{height:30px}.cs-countdown ul{padding:0;margin:0}.padding-top-bottom{box-sizing:border-box;padding:50px 0}.ot-countdown{text-align:center;display:flex;margin-bottom:0;color:#fff}.ot-countdown li{display:inline-block;line-height:1;flex-grow:1;flex-basis:0;font-weight:600;color:#fff}.ot-countdown li span{font-size:120px;font-family:Titillium Web,sans-serif;display:block;margin-bottom:13px;white-space:nowrap}.ot-countdown li p{margin-bottom:0;font-size:18px;text-transform:uppercase;white-space:nowrap}.ot-countdown li.seperator{font-size:72px;font-weight:700;color:#ffffff7a;margin-top:27px}@media (max-width:775px){.cs-logo img{height:20px}.cs-content h2{font-size:40px;line-height:70px}.ot-countdown li p{font-size:14px}.ot-countdown li span{font-size:60px;margin-bottom:5px}.ot-countdown li.seperator{font-size:32px;line-height:55px;margin-top:2px}}@import url("https://fonts.googleapis.com/css?family=Mirza&subset=latin-ext");*{box-sizing:border-box}body{background-image:url(/images/bg.png);background-repeat:no-repeat;background-size:cover;background-position:50%;height:100vh;margin:0;padding:0;overflow:hidden}.area{background:linear-gradient(-45deg,#ee765286,#e73c7e86,#a9109586,#d12b2b86);background-size:400% 400%;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.card{perspective:1500px;position:absolute;left:calc(50% - 175px);top:calc(50% - 250px);transition-property:transform;transition-duration:1s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-delay:0s;transform:rotate(-10deg) translate(0);animation:cardIn 1s cubic-bezier(.87,-.41,.19,1.44) alternate}@media (max-width:767px){.card{left:calc(50% - 115px);top:calc(50% - 164.5px)}}@media (max-width:479px){.card{left:calc(50% - 75px);top:calc(50% - 107px)}}.card:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:0 0 50px #00000060;transition:all .5s ease-in-out}.card.is-opened{transform:rotate(0deg) translate(175px)}@media (max-width:767px){.card.is-opened{transform:rotate(0deg) translate(115px)}}@media (max-width:479px){.card.is-opened{transform:rotate(0deg) translate(75px)}}.card.is-opened .card-page-front{transform:rotateY(-180deg)}@keyframes cardIn{0%{opacity:0;transform:rotate(-10deg) translateY(-100%)}25%{opacity:1}to{opacity:1;transform:rotate(-10deg) translate(0)}}.card,.card-page{width:350px;height:500px}@media (max-width:767px){.card,.card-page{width:230px;height:329px}}@media (max-width:479px){.card,.card-page{width:150px;height:214px}}.card-page{transition:transform 1s ease-in-out;cursor:pointer;position:absolute;outline:1px solid transparent}.card-page-front{transform-origin:0 50% 0;transform-style:preserve-3d;transform:rotateY(-20deg);z-index:2}.card-page-inside,.card-page-outside{position:absolute;-webkit-backface-visibility:hidden}.card-page-outside{background:url(/images/card-outside.svg) no-repeat 50%;background-size:cover;width:100%;height:100%}.card-page-outside .name{position:absolute;left:50%;transform:translate(-50%);bottom:20px}.card-page-inside{background:url(/images/card-inside.svg) no-repeat 50%}.card-page-bottom{background:url(/images/card-bottom.svg) no-repeat 50%}.card-page-bottom,.card-page-inside{background-size:cover;display:-moz-flex;display:flex;box-pack:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;box-align:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;text-align:center}.card-page-inside{transform:rotateY(-180deg);border-right:none!important}.card-page-bottom{z-index:1;border-left:none!important}.click-icon{position:absolute;width:80px;height:80px;left:50%;transform:translate(-50%);bottom:20px;animation:iconAnimation 1s ease-in-out infinite alternate;transition:opacity .5s ease-in-out;opacity:1}.click-icon svg{width:96px;height:96px}@media (max-width:479px){.click-icon svg{width:48px;height:48px}}.click-icon.is-hidden{opacity:0}@keyframes iconAnimation{0%{transform:translate(-50%)}to{transform:translate(-50%,10px)}}p{font-family:Raleway,sans-serif;line-height:1.2em;padding:0 45px}.link,p{color:#a6874c;font-size:12px}.link{font-weight:200}.name,h1{color:#a6874c}h1{font-size:23px;margin-bottom:20px}@media (max-width:767px){p{font-size:8px}h1{font-size:16px}.link{font-size:8px}}@media (max-width:479px){p{font-size:6px}h1{font-size:10px}}.card-page-bottom,.card-page-outside{border-radius:0 5px 5px 0}.card-page-inside{border-radius:5px 0 0 5px}.card-page-outside{box-shadow:30px 0 50px -2px #00000060}.card-page-outside h1{position:absolute;left:50%;transform:translate(-50%);bottom:100px}header{text-align:center;margin-bottom:10px}header h4{color:#bcaf81;font-size:12px}header h2{color:#a6874c;font-size:20px}.cd{display:flex;margin:auto;width:80%}.cd-thumb{width:100%;padding-top:100%;border-radius:50%;background:url(/images/person/1.jpg);background-size:cover;background-position:50%;margin:auto}.cd-thumb:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid #bcaf81;z-index:1}.control .btn-control{color:#bcaf81;font-size:12px}.control .btn-play{color:#a6874c;font-size:30px}.progress{width:100%;-webkit-appearance:none;height:6px;background:#bcaf81;outline:none;opacity:.7;transition:opacity .2s}.progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:6px;border-radius:3px;background-color:#a6874c;cursor:pointer}@media (max-width:767px){.card-page-outside h1{bottom:60px}header h4{font-size:10px;margin-bottom:3px}header h2{font-size:14px}.cd{display:flex;margin:auto;width:70%}.control .btn-control{font-size:8px}.control .btn-play{font-size:20px}}.unsupported{display:none!important}@media (max-width:500px){.unsupported{display:flex!important;z-index:10000}main{display:none!important}}