body{background-color:#000;justify-content:center;align-items:flex-start;height:100vh;margin:0;padding:0;display:flex}.screen{box-sizing:border-box;filter:url(#ca);border-radius:2px;width:800px;height:600px;margin-top:clamp(10px,10vh,100px);padding:40px;animation:2.5s ease-out forwards lightUp;position:relative;overflow:hidden}.screen:before{content:"";pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,#00000008 0 1px,#0000 1px 2px);width:100%;height:100%;position:absolute;top:0;left:0}.screen:after{content:"";pointer-events:none;z-index:10;background:linear-gradient(90deg,#0000,#0000001a,#0000);width:100%;height:.3px;animation:3s linear 2.5s infinite scanLine;position:absolute;top:0;left:0}.screen-text{color:#3a3a3a;margin:0;font-family:Source Code Pro,monospace;position:absolute;top:40px;left:40px}.screen-text h1{opacity:0;color:#3a3a3a;text-shadow:2px 2px #0003;margin:0;font-size:4rem;font-weight:600;animation:1s ease-out 2.2s forwards textFadeIn}.screen-text h2{opacity:0;color:#3a3a3a;text-shadow:1px 1px #00000026;margin:0 0 0 4px;font-size:1.5rem;font-weight:400;line-height:1.4;animation:1s ease-out 2.4s forwards textFadeIn}@keyframes textFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lightUp{0%{background-color:#3a4546;box-shadow:0 0 #cfddde00,inset 0 0 #cfddde00}50%{background-color:#c2c7b7;box-shadow:0 0 8px #cfddde4d,inset 0 0 5px #cfddde26}51%{background-color:#f3fae5;box-shadow:0 0 15px #e2fdff66,inset 0 0 10px #e2fdff40}to{background-color:#f3fae5;box-shadow:0 0 15px #e2fdff66,inset 0 0 10px #e2fdff40}}@keyframes scanLine{0%{top:100%}to{top:-3px}}html{background-color:#000}.npc{z-index:8;opacity:0;max-width:250px;max-height:250px;animation:1s ease-out 2.3s forwards textFadeIn;position:absolute;bottom:0;right:40px}.google-sans-code-regular{font-optical-sizing:auto;font-variation-settings:"MONO" 1;font-family:Google Sans Code,monospace;font-style:normal;font-weight:400}