@keyframes write{from{width:0;overflow:hidden;}99%{overflow:hidden;}to{overflow:visible;width:38ch;}}@keyframes looplogos{0%{opacity:0;filter:blur(100px);}10%{opacity:0;filter:blur(100px);}70%{opacity:1;filter:blur(0);}90%{opacity:1;filter:blur(0);}100%{opacity:0;filter:blur(100px);}100%{opacity:0;filter:blur(100px);}}@keyframes looptitle{0%{transform:translateX(0);}40%{transform:translateX(0);}70%{transform:translateX(5em);}80%{transform:translateX(5em);}100%{transform:translateX(0);}100%{transform:translateX(0);}}@keyframes loopeverything{0%{transform:translate(0,0) rotate(0deg);opacity:1;filter:blur(0);}60%{transform:translate(0,0) rotate(0deg);opacity:1;filter:blur(0);}70%{opacity:0;filter:blur(25px);transform:translate(-2.5em,-.25em) rotate(-180deg);}98.1%{opacity:0;transform:translate(0,0) rotate(0);}98%{opacity:0;filter:blur(25px);transform:translate(-2.5em,-.25em) rotate(-180deg);}100%{transform:translate(0,0) rotate(0deg);opacity:1;filter:blur(0);}100%{transform:translate(0,0) rotate(0deg);opacity:1;filter:blur(0);}}@keyframes loopfun{0%{background:linear-gradient(90deg,#f00 0%,#fcff00 17%,#0f0 34%,#0ff 51%,#00f 68%,#f0f 85%,#f00 100%);background-position:0 0;background-clip:text;}100%{background:linear-gradient(90deg,#f00 0%,#fcff00 17%,#0f0 34%,#0ff 51%,#00f 68%,#f0f 85%,#f00 100%);background-position:3ch 0;background-clip:text;}}@keyframes introhead{0%{top:-24.2em;left:-200em;transform:rotate(-180deg);}100%{transform:rotate(10deg);top:-24.2em;left:-44em;}}@keyframes intrologos{0%{transform:rotate(180deg);}75%{opacity:1;filter:blur(0);}100%{opacity:.1;filter:blur(100px);transform:rotate(-10deg);}}html,body{font-family:'Courier New';margin:0;padding:0;height:100%;width:100%;background:#c8c8c8;box-sizing:border-box;overflow:hidden;}body{display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}main{margin:auto;position:relative;display:block;font-size:1.2em;}@media(max-width:1600px),(max-height:980px){main{font-size:1em;}}@media(max-width:1500px),(max-height:820px){main{font-size:.75em;}}@media(max-width:1200px),(max-height:620px){main{font-size:.6em;}}@media(max-width:900px),(max-height:500px){main{font-size:.5em;}}@media(max-width:700px),(max-height:410px){main{font-size:.375em;}}@media(max-width:500px),(max-height:310px){main{font-size:.3em;}}@media(max-width:400px){main{font-size:.25em;}}@media(max-width:350px) and (max-height:50px){main{font-size:.128em;}}.nihil{position:absolute;top:-24.2em;left:-44em;background:url('../images/nihilhead.svg') no-repeat;animation:introhead 2.5s ease-out forwards,loophead 15s cubic-bezier(.445,.05,.55,.9) 3s forwards infinite;height:50em;width:50em;display:block;background-size:contain;}.nihil:after{content:'';animation:intrologos 2.5s ease-out forwards,looplogos 15s cubic-bezier(.445,.05,.55,.9) 3s forwards infinite;transform:rotate(-10deg);background:url('../images/nihillogos.svg') no-repeat;transform-origin:44.68411362% 48.3527942%;height:50em;width:50em;display:block;background-size:contain;}.text{position:absolute;top:-4em;left:-11em;color:#fff;font-size:3em;transform:translateX(1ex);white-space:nowrap;mix-blend-mode:difference;width:50em;}.text p{box-sizing:content-box;width:0;display:inline-block;overflow:hidden;animation:write 1.5s steps(38,end) 3s forwards;margin:0 0 0 2.2em;}.everything{animation:loopeverything 15s cubic-bezier(.445,.05,.55,.9) 3s forwards infinite;display:inline-block;}.fun{mix-blend-mode:difference;animation:loopfun 5s linear forwards infinite;background:linear-gradient(90deg,#f00 0%,#fcff00 17%,#0f0 34%,#0ff 51%,#00f 68%,#f0f 85%,#f00 100%);background-clip:text;color:transparent;}h1{text-shadow:-3px 3px 2px red;animation:looptitle 15s cubic-bezier(.445,.05,.55,.9) 3s forwards infinite;}.everything{mix-blend-mode:multiply;}