#root{--base-font: sans-serif;--color-fg: #000000;--color-bg: #ff0000}body{height:100%;color:var(--color-bg);background-color:var(--color-fg);text-align:center}.container{padding-top:45rem;padding-bottom:25rem;margin-right:auto;margin-left:auto;align-items:center;background:url(/stars-bg.jpg) center center;background-size:cover;width:100%;height:100%;font-weight:700;color:#ebd71c;background-color:#000;overflow:hidden;position:relative}body,html{height:100%;min-height:100vh;margin:0}.star-wars-intro{background:url(/stars-bg.jpg) center center;background-size:cover;width:100%;height:100%;font-family:Droid Sans,arial,verdana,sans-serif;font-weight:700;color:#ebd71c;background-color:#000;overflow:hidden;position:relative}.star-wars-intro p.intro-text{position:relative;max-width:16em;font-size:200%;font-weight:400;margin:20% auto;color:#4ee;opacity:0;z-index:1;-webkit-animation:intro 2s ease-out;-moz-animation:intro 2s ease-out;-ms-animation:intro 2s ease-out;-o-animation:intro 2s ease-out;animation:intro 2s ease-out}.star-wars-intro .main-content{margin-left:auto;margin-right:auto;position:absolute;z-index:3;width:98%;height:50em;bottom:0;font-size:80px;font-weight:700;overflow:hidden;transform-origin:35% 100%;transform:perspective(350px) rotateX(25deg);margin-left:18rem}.star-wars-intro .main-content:after{position:absolute;content:" ";top:0;bottom:60%;background-image:linear-gradient(top,rgba(0,0,0,1) 0%,transparent 100%);pointer-events:none}.star-wars-intro .space-button{color:#ebd71c;border:12px solid #EBD71C;padding:20px;background:transparent;text-decoration:none;margin:0 auto;display:block;text-align:center}.star-wars-intro .space-button:hover{background-color:#d2be03;border-color:#d2be03;color:#000}.star-wars-intro .space-button:active,.star-wars-intro .space-button:focus{background-color:#b8a40a;border-color:#b8a40a;color:#000}.star-wars-intro .title-content{position:absolute;top:100%;animation:scroll 120s linear 4s forwards}.star-wars-intro .title-content>.content-header{text-align:center}.star-wars-intro .main-logo{position:absolute;width:3em;left:50%;top:20vh;font-size:10em;text-align:center;margin-left:-1.7em;line-height:.8em;letter-spacing:-.05em;color:#000;text-shadow:-2px -2px 0 #EBD71C,2px -2px 0 #EBD71C,-2px 2px 0 #EBD71C,2px 2px 0 #EBD71C;opacity:0;z-index:1;-webkit-animation:logo 5s ease-out 2.5s;-moz-animation:logo 5s ease-out 2.5s;-ms-animation:logo 5s ease-out 2.5s;-o-animation:logo 5s ease-out 2.5s;animation:logo 5s ease-out 2.5s}.star-wars-intro .main-logo>img{max-width:100%}@-webkit-keyframes intro{0%{opacity:1}90%{opacity:1}to{opacity:0}}@-moz-keyframes intro{0%{opacity:1}90%{opacity:1}to{opacity:0}}@-ms-keyframes intro{0%{opacity:1}90%{opacity:1}to{opacity:0}}@-o-keyframes intro{0%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes intro{0%{opacity:1}90%{opacity:1}to{opacity:0}}@-webkit-keyframes logo{0%{-webkit-transform:scale(1);opacity:1}50%{opacity:1}to{-webkit-transform:scale(.1);opacity:0}}@-moz-keyframes logo{0%{-moz-transform:scale(1);opacity:1}50%{opacity:1}to{-moz-transform:scale(.1);opacity:0}}@-ms-keyframes logo{0%{-ms-transform:scale(1);opacity:1}50%{opacity:1}to{-ms-transform:scale(.1);opacity:0}}@-o-keyframes logo{0%{-o-transform:scale(1);opacity:1}50%{opacity:1}to{-o-transform:scale(.1);opacity:0}}@keyframes logo{0%{transform:scale(1);opacity:1}50%{opacity:1}to{transform:scale(.1);opacity:0}}@keyframes scroll{0%{top:100%}to{top:-170%}}@media screen and (max-width: 720px){.star-wars-intro .main-content{font-size:35px}.star-wars-intro .title-content{position:absolute;top:100%;animation:scroll 100s linear 4s forwards}}.loader{align-items:center;justify-content:center;margin-left:auto;margin-right:auto;border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}