@font-face{font-family:Lexend;src:url(/Lexend-RegularItalic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:PixelFont;src:url(/thatthatnewpixelfamilytest-square.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:PixelFont;src:url(/thatthatnewpixelfamilytest-round.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:PixelFont;src:url(/thatthatnewpixelfamilytest-italicsquare.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:PixelFont;src:url(/thatthatnewpixelfamilytest-italicround.otf) format("opentype");font-weight:300;font-style:italic}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}canvas{display:block}.app{width:100%;height:100%;position:relative;background:#1c1d1e}.model-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.model-container>div{width:100%!important;height:100%!important}.model-container table{width:100%!important;height:100%!important;display:block!important}.title-overlay{position:absolute;top:20px;left:20px;z-index:100;color:#fff;font-family:PixelFont,Courier New,monospace;pointer-events:none}.title-overlay h1{font-size:4rem;margin-left:1rem;text-shadow:0 0 10px rgba(0,0,0,.8);font-weight:400;font-style:italic;letter-spacing:3px;color:#bad8e7}.title-overlay .hint{font-size:.75rem;opacity:.5;margin-top:.5rem}.tab-container{position:fixed;top:13rem;left:1.5rem;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:0;width:200px}.tab-highlight{position:absolute;top:0;left:0;width:100%;height:50px;background:#bad8e7;transition:transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1}.tab-line{position:relative;width:100%;height:50px;padding:12px 16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;z-index:2;transition:all .2s ease}.tab-label{font-family:PixelFont,Courier New,monospace;font-size:1rem;font-weight:400;font-style:italic;color:#666;letter-spacing:3px;transition:all .3s ease}.tab-line-selected .tab-label{color:#000}.tab-line:hover .tab-label{color:#888}.tab-line-selected:hover .tab-label{color:#000}.sub-tab-container{position:fixed;top:13rem;left:14rem;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:0;width:250px;animation:fadeIn .4s ease-in-out}.sub-tab-highlight{position:absolute;top:0;left:0;width:100%;height:40px;background:#bad8e74d;transition:transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1}.sub-tab-line{position:relative;width:100%;height:40px;padding:10px 14px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;z-index:2;transition:all .2s ease}.sub-tab-label{font-family:PixelFont,Courier New,monospace;font-size:.85rem;font-weight:400;font-style:italic;color:#555;letter-spacing:2px;transition:all .3s ease}.sub-tab-line-selected .sub-tab-label{color:#bad8e7}.sub-tab-line:hover .sub-tab-label{color:#777}.sub-tab-line-selected:hover .sub-tab-label{color:#bad8e7}.links-sub-tab-container{position:fixed;top:13rem;left:14rem;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:10px;width:250px;animation:fadeIn .4s ease-in-out}.links-sub-tab{position:relative;padding:12px 16px;cursor:pointer;font-family:PixelFont,Courier New,monospace;font-size:.85rem;font-weight:400;font-style:italic;color:#666;letter-spacing:2px;text-decoration:none;transition:all .3s ease;background:#bad8e70d;border:1px solid transparent}.links-sub-tab:hover{color:#bad8e7;background:#bad8e726;border-color:#bad8e74d;box-shadow:0 0 15px #bad8e766}.content-box{position:fixed;top:50%;right:30px;transform:translateY(-50%);padding:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;font-family:PixelFont,Courier New,monospace;font-size:.9rem;line-height:1.6;font-weight:400;letter-spacing:1px;z-index:100;transition:top .6s cubic-bezier(.4,0,.2,1),width .6s cubic-bezier(.4,0,.2,1),max-width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.project-category{margin-bottom:30px}.project-category h2{font-size:1.2rem;font-weight:400;font-style:italic;color:#bad8e7;margin-bottom:15px;letter-spacing:2px}.project{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.project:last-child{border-bottom:none}.project-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.project h3{font-size:1rem;font-weight:400;color:#fff;margin-bottom:8px;letter-spacing:1px}.award{font-size:.75rem;color:#bad8e7;font-style:italic}.current-badge{font-size:.7rem;color:#bad8e7;font-style:italic;background:#bad8e733;padding:2px 6px;border-radius:3px}.description{font-family:Lexend,sans-serif;font-size:.85rem;font-style:italic;color:#fffc;margin-bottom:8px;line-height:1.5;letter-spacing:.5px}.tech-stack{font-size:.75rem;color:#bad8e7b3;margin-bottom:6px;font-style:italic;letter-spacing:.5px}.status{font-size:.75rem;color:#bad8e799;font-style:italic}.project-link{font-size:.8rem;color:#bad8e7;text-decoration:none;display:inline-block;margin-top:6px;transition:all .2s ease}.project-link:hover{color:#fff;text-shadow:0 0 8px rgba(186,216,231,.6)}.idle-content{display:flex;flex-direction:column;gap:25px}.bio{font-family:Lexend,sans-serif;font-size:.9rem;font-style:italic;color:#ffffffe6;line-height:1.7;letter-spacing:.5px}.typing-container{display:flex;flex-direction:row;gap:8px;margin-top:10px}.typing-label{font-size:1rem;color:#bad8e7;font-style:italic;letter-spacing:1px}.typing-text{font-size:1rem;color:#fffc;letter-spacing:.5px;display:inline-block;min-height:1.5em}.typing-cursor{display:inline-block;margin-left:2px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}