@import"https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap";.preloader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999;background:#f9c43e;background-position:center center;background-repeat:no-repeat;opacity:1;transition:1s opacity}.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:#fffc;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}to{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-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)}}#countdown{width:250px;padding:10px;background-color:#ffffff1a;display:inline-block;text-align:center;margin:auto}#countdown .box{padding:10px;border-right:solid 1px rgba(255,255,255,.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}@media (min-width: 768px){.container{width:1100px}h1{font-size:58px}#countdown{width:350px;padding:20px}}body{color:#fff;font-family:Roboto Condensed,sans-serif;background-image:url(https://images.unsplash.com/photo-1466803136990-7c174b34ff32?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:top top;background-size:cover;margin:0}.App{position:fixed;top:0;left:0;right:0;bottom:0;text-align:center;background:#f9c43e;background:linear-gradient(0deg,#f9c43e,#f9c43e,#f9c43e99)}.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}}