@import"https://fonts.googleapis.com/css2?family=Space+Mono&display=swap";body{margin:0;overflow:hidden;-webkit-user-select:none;user-select:none}@font-face{font-family:TypeLight;src:url(/Portfolio/Font/TypeLight.ttf) format("truetype");font-weight:lighter;font-style:italic}a{color:red}#FPS{position:absolute;top:0%;padding:0 0 0 1%;font-family:TypeLight;color:#fff;z-index:11}#PageContainer{position:absolute;top:0;right:0;width:50%;height:100%;padding:2.5%;box-sizing:border-box;pointer-events:auto;display:flex;flex-direction:column;gap:1rem;padding:5rem}#Title{font-size:4rem;padding:0 1rem;-webkit-user-select:none;user-select:none;font-family:TypeLight;color:#fff;height:5rem;white-space:wrap}#Intro{position:absolute;font-family:TypeLight;font-size:10rem;color:#fff;padding:0 2%;text-align:center;letter-spacing:0cap;transform:translate(50%,-50%);right:25%;top:45%}#GoTanpi{cursor:pointer;position:absolute;font-family:TypeLight;font-size:7rem;color:#fff;padding:0 5%;border:10px solid white;text-align:center;align-items:center;transform:translate(50%,-50%);right:25%;top:65%;transition:.3s ease-in-out}#Backbutton{cursor:pointer;position:absolute;font-family:TypeLight;font-size:2rem;color:#fff;padding:0 2%;border:5px solid white;text-align:center;align-items:center;transform:translate(50%,-50%);right:10%;top:12%;transition:.3s ease-in-out}#Content{font-size:1.5rem;color:#fff;padding:1rem;overflow-y:auto;flex:1;font-family:Space Mono,monospace;text-align:justify}@media (max-width: 1080px){#FPS{padding:0 0 0 5%}#PageContainer{width:100vw;height:100vh;padding:1.5rem}#Title{padding:1rem 0 0 0rem;font-size:2.5rem;height:3rem}#Content{top:0%;font-size:1rem}#Intro{position:absolute;font-family:TypeLight;font-size:5rem;color:#fff;width:auto;height:auto;transform:translate(50%,-50%);right:50%;top:20%}#Backbutton{position:absolute;right:50%;top:95%;font-size:1.5rem;border:5px solid white;transition:.3s ease-in-out}#GoTanpi{position:absolute;font-family:TypeLight;font-size:3rem;color:#fff;width:auto;height:auto;transform:translate(50%,-50%);right:50%;top:75%}}.child-link{font-family:TypeLight;color:#fff;font-size:2rem;height:4rem;cursor:pointer;transition:color .3s ease;transform-origin:center center;padding:2% 0;transition:.5s ease-in-out;width:max-content}.anchor-link{font-family:TypeLight;color:#fff;font-size:2rem;cursor:pointer;transition:color .3s ease;transform-origin:center center;padding:2% 0;transition:.5s ease-in-out}#Instruction{position:absolute;font-family:TypeLight;color:#fff;font-size:2rem;transition:color .3s ease;text-align:center;transform:translate(-50%);width:100%;height:100%;padding:2% 0;left:50%}#SysraNote{position:absolute;font-family:TypeLight;color:#fff;font-size:1.25rem;transition:color .3s ease;text-align:center;transform:translate(-50%);width:100%;padding:2% 0;left:50%;top:80%}#ItchRef{width:552px}@media (max-width: 768px){#ItchRef{width:100%}}@media (max-width: 1080px){.child-link{font-size:1.75rem;padding:2vh 0;height:3.5rem}.anchor-link{font-size:1.75rem;padding:2vh 0}#Instruction{visibility:hidden;font-size:1rem;top:20%}#SysraNote{font-size:1rem;left:50%;top:60%}}#node-socials .child-link:hover{color:red;font-size:2.5rem}.child-link:hover,.anchor-link:hover{color:#7f5af0;font-size:2.5rem}#GoTanpi:hover{border:10px solid #7f5af0;color:#7f5af0}#Backbutton:hover{border:8px solid #7f5af0;color:#7f5af0}.node{display:none}video-data{display:none}.focus-frame{position:absolute;width:100vw;height:100vh;pointer-events:none;background-color:#0000ff80}.focus-frame:before{content:"";position:absolute;top:20px;left:20px;width:50px;height:50px;border:5px solid white;border-right:none;border-bottom:none}.focus-frame:after{content:"";position:absolute;top:20px;right:20px;width:50px;height:50px;border:5px solid white;border-left:none;border-bottom:none}.focus-frame .bottom-left{position:absolute;bottom:20px;left:20px;width:50px;height:50px;border:5px solid white;border-top:none;border-right:none}.focus-frame .bottom-right{position:absolute;bottom:20px;right:20px;width:50px;height:50px;border:5px solid white;border-top:none;border-left:none}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:0;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:white transparent}#controls{position:absolute;top:50%;width:100%}.arrow{pointer-events:all;width:0;height:0;margin:0}.arrow.up{position:absolute;left:75%;border-left:2rem solid transparent;border-right:2rem solid transparent;border-bottom:3rem solid white}.arrow.left{position:absolute;left:7%;border-top:2rem solid transparent;border-bottom:2rem solid transparent;border-right:3rem solid white}.arrow.right{position:absolute;left:27%;border-top:2rem solid transparent;border-bottom:2rem solid transparent;border-left:3rem solid white}#Hello{color:#fff;font-size:3rem;font-style:"TypeLight"}.media-container{display:flex;flex-direction:row;overflow-x:auto;gap:1rem;padding:1rem;scroll-snap-type:x mandatory;scrollbar-width:thin}.media-container>*{flex:0 0 auto;max-height:150px;border-radius:8px;scroll-snap-align:start}.switch{position:relative;display:inline-flex;align-items:center;gap:.5em;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;margin:1em;color:#fff}.switch input{display:none}#dos{position:absolute}#blurToggleHolder{position:absolute;top:2px;right:0%;padding:0% 1% 0 0%;z-index:11;font-family:TypeLight;color:#fff;text-align:right}.slider{width:40px;height:20px;background-color:transparent;border:2px solid white;border-radius:20px;position:relative;transition:border-color .3s}.slider:before{content:"";position:absolute;width:12px;height:12px;background-color:transparent;border:2px solid white;border-radius:50%;top:2;left:2px;transition:.3s;box-sizing:border-box}input:checked+.slider{border-color:#fff;background-color:#000023}input:checked+.slider:before{transform:translate(20px);background-color:#fff}.label-text{font-size:16px;color:#fff}.blur-enabled{background-color:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}body{margin:0;overflow:hidden}canvas{display:block}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;color:#fff;display:flex;justify-content:center;align-items:center;z-index:10}*,*:before,*:after{box-sizing:border-box}.rangeLoad{position:relative;background-color:#333;width:300px;height:30px;font-family:TypeLight,monospace;border:2px solid white}.rangeLoad:before{--width: calc(calc(var(--p) * 1%) - 10px) ;content:"";position:absolute;top:3.25px;left:5px;width:0;height:20px;background-color:#fff;z-index:0;animation:load .5s forwards linear}.rangeLoad:after{counter-reset:progress var(--p);content:"Loading "counter(progress) "%";color:#000;position:absolute;left:5%;top:50%;transform:translateY(-50%);z-index:1;font-family:TypeLight}.rangeLoad__label{line-height:1.5}@keyframes load{to{width:var(--width)}}.border-overlay{position:fixed;top:1%;left:1%;width:98%;height:98%;border:10px solid rgba(255,255,255,.25);pointer-events:none;z-index:9999}@font-face{font-family:TypeLight;src:url(/Portfolio/Font/TypeLight.ttf) format("truetype");font-weight:400;font-style:normal}.MainDiv{font-family:TypeLight,monospace;position:absolute;right:-25%;top:50%;width:50vw;height:100vh;background-color:#0000;transform:translate(-50%,-50%);text-align:left;font-size:60;color:#fff}.horizontal-nav{margin:0 10%;position:relative;top:50;left:0;width:100%;display:flex;justify-content:left;box-sizing:border-box;z-index:1000}.nav-link{color:#fff;font-size:2.5rem;font-weight:600;margin:0 25px;text-decoration:none;cursor:pointer;transition:color .3s ease;transform-origin:center center;padding:0 0 10 10}.content-section{margin:10% calc(10% + 5px);color:#fff;font-family:monospace;position:relative;font-size:1.1rem;height:80%;width:80%;text-align:justify;display:none}.decrypt,.decryptText{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.entry{margin:20px;cursor:pointer;font-size:2rem}.entry-name{font-weight:700;transition:color .3s ease}.entry-name:hover{color:#7f5af0}.entry-description{padding:2% 0 0 5%;overflow:hidden;opacity:0;height:0;pointer-events:none;font-size:1.2rem}.social-entry a{display:flex;align-items:center;color:#fff;text-decoration:none;transition:transform .3s ease}.social-entry a:hover{transform:scale(1.1)}.social-icon{width:40px;height:40px;fill:#fff;margin-right:10px}.username{font-size:1.2rem;color:#fff}
