@import"https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap";body{color:#fcf8f8;font-family:Roboto Condensed,sans-serif;background-image:url(https://images.unsplash.com/photo-1508389377389-b8221c0bcc9e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh}.App{position:fixed;inset:0;text-align:center;background:#000;background:linear-gradient(0deg,#070606,#000,#03030399)}.container{width:100%;margin:5% auto}.col-4{width:25%;float:left}img{max-width:10%;height:auto}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:#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}}.preloader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999;background-color:#3131b1;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)}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}