:root{--main: #21715e;--secondary: #722b2b;--light-gold: #A39B8E;--gold: #A59271;--silver: #747474;--vibranium: #1D2021;--mythril: #A39B8E;--malachite: #007C77;--amethyst: #543B4B}.navbar{position:absolute;top:0;height:3.5rem;font-size:2rem;font-family:Fira Code;font-weight:600;display:flex;justify-content:center;align-items:center;padding-top:4rem;width:100%;z-index:2}#logo{position:relative;aspect-ratio:initial;height:60px;filter:brightness(.75)}#logo:hover{filter:brightness(0) grayscale() invert()}.container{flex-basis:50%;height:100dvh;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:mandatory;scroll-snap-type:y mandatory;scrollbar-width:none;z-index:0}.page-slide{position:relative;height:100dvh;width:100dvw;scroll-snap-align:start;display:flex;flex-direction:column;z-index:1}.console-top{position:relative;z-index:2;max-width:700px;height:70vh;width:clamp(50%,75%,80%);margin:auto auto 0;background-color:#ccc;display:flex;flex-direction:column;padding-top:3rem;padding-bottom:1rem;z-index:3;border-radius:40px 40px 0 0;border:none;box-shadow:#0006 0 -10px 25px inset,#0006 0 -20px 30px inset,#0003 0 -30px 40px inset,#0006 10px 0 30px inset,#0006 -10px 0 30px inset,#0000001a 0 2px 1px,#0003 0 4px 2px,#0003 0 8px 4px,#0003 0 16px 8px,#0003 0 32px 16px}.console-bot{z-index:2;position:relative;margin:0 auto auto;height:400px;max-width:700px;width:clamp(50%,75%,80%);padding-bottom:2rem;background-color:#ccc;border:2px solid #3a3a3a;align-items:center;justify-content:center;padding-top:0rem;border-radius:0 0 40px 40px;border:none;box-shadow:#0006 0 -23px 25px inset,#0000004d 0 -36px 30px inset,#0003 0 -79px 40px inset,#0000001a 0 2px 1px,#0003 0 4px 2px,#0003 0 8px 4px,#0003 0 16px 8px,#0003 0 32px 16px}.screen{z-index:3;position:relative;overflow:hidden;width:90%;height:40vh;margin:1rem auto 0;background-color:#383838;border-radius:20px;box-shadow:var(--main) 0 0 0 4px,#06182ca6 0 8px 12px -1px,#ffffff1a 0 6px inset,#0006 0 8px 4px,#0000004d 0 7px 13px -3px,#0000004d 0 -6px inset}.sc-text{font-size:1rem;color:#cacaca;font-family:Ubuntu Mono}.sc-text .red{color:#d88383}.sc-text .green{color:#44c6a7}@font-face{font-family:Dogica Pixel;src:url(../../../fonts/dogicapixel.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:DePixel;src:url(../../../fonts/DePixelKlein.otf) format("opentype");font-weight:400;font-style:normal}.bg-layer.svelte-1giwwft{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}#myVideo.svelte-1giwwft{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);filter:grayscale(0)}