@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap");body{color:#fff;font-family:Roboto Condensed,sans-serif;background-image:url(/87ad57c1-a35b-46a4-8578-0e61c682f2d4.jpeg);background-size:cover;background-position:top}.App{position:fixed;top:0;left:0;right:0;bottom:0;text-align:center;background:#31c48d;background:linear-gradient(0deg,#31c48d,#31c48d 50%,#31c48d99)}.container{width:100%;margin:15% auto}.col-4{width:25%;float:left}h1{font-size:38px;text-transform:uppercase;line-height:1}@media (min-width:768px){.container{width:1100px}h1{font-size:58px}}#countdown{width:250px;padding:10px;background-color:hsla(0,0%,100%,.1);display:inline-block;text-align:center;margin:auto}#countdown .box{padding:10px;border-right:1px solid hsla(0,0%,100%,.2)}#countdown .col-4:last-child .box{border-right-color:transparent}#countdown .box p{font-size:20px;font-weight:700;margin:0}#countdown .box .text{font-size:12px;font-family:sans-serif}.container{width:auto}@media (min-width:768px){h1{font-size:58px}#countdown{width:350px;padding:20px}}.optin{margin-top:8%}.optin p{font-size:14px;font-weight:100}.optin button{color:#fff;padding:6px 22px;text-transform:uppercase;font-family:Roboto Condensed,sans-serif;background-color:hsla(0,0%,100%,.1);border:2px solid transparent;cursor:pointer}.optin button:hover{border-color:hsla(0,0%,100%,.3)}#modal{position:fixed;top:100px;left:30%;width:500px;background:#fff;transition:opacity 1s;box-shadow:0 7px 2px #444;z-index:99999;opacity:0}#modal .wrapper{color:#444;text-align:center;padding:30px}.preloader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999;background-color:#31c48d;background-position:50%;background-repeat:no-repeat;opacity:1;transition:opacity 1s}.preloader.loaded{opacity:0;visibility:hidden}.preloader .spinner_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:33333}.preloader .spinner{width:50px;height:50px;background-color:hsla(0,0%,100%,.8);animation:sk-rotateplane 1.2s ease-in-out infinite}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}