@import url(https://fonts.googleapis.com/css2?family=Rubik+Moonrocks);@import url(https://fonts.googleapis.com/css?family=Orbitron:700);:root{--size-factor:5;--full-width:90vw;--full-size:calc(var(--full-width)/var(--size-factor))}html{width:100vw;padding:0;background-color:#080808}body,html{height:100vh;margin:0}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#000;display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;position:absolute;overflow:hidden}#app>div:first-child{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;z-index:1}.stars{overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0;background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(2px 2px at 50px 160px,#ddd,transparent),radial-gradient(2px 2px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 160px 120px,#ddd,transparent);background-repeat:repeat;background-size:200px 200px;-webkit-animation:zoom 5s infinite;animation:zoom 5s infinite;opacity:0}.stars:first-child{background-position:50% 50%;-webkit-animation-delay:0s;animation-delay:0s}.stars:nth-child(2){background-position:20% 60%;-webkit-animation-delay:1s;animation-delay:1s}.stars:nth-child(3){background-position:-20% -30%;-webkit-animation-delay:2s;animation-delay:2s}.stars:nth-child(4){background-position:40% -80%;-webkit-animation-delay:3s;animation-delay:3s}.stars:nth-child(5){background-position:-20% 30%;-webkit-animation-delay:4s;animation-delay:4s}@-webkit-keyframes zoom{0%{opacity:0;transform:scale(.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}85%{opacity:1;transform:scale(2.8);-webkit-animation-timing-function:linear;animation-timing-function:linear}to{opacity:0;transform:scale(3.5)}}@keyframes zoom{0%{opacity:0;transform:scale(.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}85%{opacity:1;transform:scale(2.8);-webkit-animation-timing-function:linear;animation-timing-function:linear}to{opacity:0;transform:scale(3.5)}}h1{margin:0;display:inline-block;width:var(--full-width);font-family:Rubik Moonrocks,cursive;font-size:var(--full-size);-webkit-animation-name:textShadowLoop;animation-name:textShadowLoop;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:cyclic;animation-direction:cyclic;-webkit-animation-timing-function:linear;animation-timing-function:linear}a{color:#000;text-decoration:none;transition:color 1s ease-in-out}a:hover{color:#66b933}@-webkit-keyframes textShadowLoop{0%{text-shadow:0 0 20px #66b933}50%{text-shadow:0 0 20px #4a00b1}to{text-shadow:0 0 20px #66b933}}@keyframes textShadowLoop{0%{text-shadow:0 0 20px #66b933}50%{text-shadow:0 0 20px #4a00b1}to{text-shadow:0 0 20px #66b933}}