.not-found{background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;position:fixed;top:0;left:0}h1{color:#fff;margin:0;padding:0;font-size:10rem}p{color:#fff;margin:0;padding:0;font-size:2rem}.modelViewPort{perspective:1000px;aspect-ratio:1;background:#000;border-radius:50%;justify-content:center;align-items:center;width:20rem;display:flex;position:relative;overflow:hidden}.eva{--EVA-ROTATION-DURATION:4s;transform-style:preserve-3d;animation:rotateRight var(--EVA-ROTATION-DURATION)linear infinite alternate}.head{background:linear-gradient(90deg,#fff 45%,gray);border-radius:48% 53% 45% 55%/79% 79% 20% 22%;width:6rem;height:4rem;position:relative}.eyeChamber{width:4.5rem;height:2.75rem;animation:moveRight var(--EVA-ROTATION-DURATION)linear infinite alternate;background-color:#0c203c;border-radius:45% 53% 45% 48%/62% 59% 35% 34%;position:relative;top:55%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px 2px #fff,inset 0 0 0 2px #000}.eye{border-radius:50%;width:1.2rem;height:1.5rem;position:absolute}.eye:first-child{background:repeating-linear-gradient(65deg,#9bdaeb 0 1px,#fff 2px);top:50%;left:12px;transform:translateY(-50%)rotate(-65deg);box-shadow:inset 0 0 5px #04b8d5,0 0 15px 1px #0bdaeb}.eye:nth-child(2){background:repeating-linear-gradient(-65deg,#9bdaeb 0 1px,#fff 2px);top:50%;right:12px;transform:translateY(-50%)rotate(65deg);box-shadow:inset 0 0 5px #04b8d5,0 0 15px 1px #0bdaeb}.body{background:linear-gradient(90deg,#fff 35%,gray);border-radius:47% 53% 45% 55%/12% 9% 90% 88%;width:6rem;height:8rem;margin-block-start:.25rem;position:relative}.hand{background:linear-gradient(270deg,#fff 15%,gray);border-radius:40%;width:2rem;height:5.5rem;position:absolute;top:.75rem;left:-1.5rem;transform:rotateY(55deg)rotate(10deg);box-shadow:5px 0 5px #00000040}.hand:first-child{animation:compensateRotation var(--EVA-ROTATION-DURATION)linear infinite alternate}.hand:nth-child(2){animation:compensateRotationRight var(--EVA-ROTATION-DURATION)linear infinite alternate;background:linear-gradient(90deg,#fff 15%,gray);left:92%;transform:rotateY(55deg)rotate(-10deg)}.scannerThing{transform-origin:0 0;border-top:180px solid #9bdaeb;border-left:250px solid #0000;border-right:250px solid #0000;width:0;height:0;animation:2s cubic-bezier(.86,0,.07,1) infinite glow;position:absolute;top:10%;left:60%;-webkit-mask:linear-gradient(90deg,#fff,#0000 35%);mask:linear-gradient(90deg,#fff,#0000 35%)}.scannerOrigin{aspect-ratio:1;width:8px;animation:moveRight var(--EVA-ROTATION-DURATION)linear infinite;background:#9bdaeb;border-radius:50%;position:absolute;top:10%;left:60%;box-shadow:inset 0 0 5px #00000080}@keyframes rotateRight{0%{transform:rotateY(0)}to{transform:rotateY(25deg)}}@keyframes moveRight{0%{transform:translate(-50%,-50%)}to{transform:translate(-40%,-50%)}}@keyframes compensateRotation{0%{transform:rotateY(55deg)rotate(10deg)}to{transform:rotateY(30deg)rotate(10deg)}}@keyframes compensateRotationRight{0%{transform:rotateY(55deg)rotate(-10deg)}to{transform:rotateY(70deg)rotate(-10deg)}}@keyframes glow{0%{opacity:0}20%{opacity:1}45%{transform:rotate(-25deg)}75%{transform:rotate(5deg)}to{opacity:0}}
