body,html,#root{width:100%!important;height:100%!important;margin:0!important;padding:0!important;background:#000;overflow:hidden}.scroll-container{margin:0;padding:0;min-height:100vh;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.scene{width:100vw;height:100vh;margin:0;padding:0;font-family:sans-serif;background-color:#000}.canvas{z-index:1;margin:0;padding:0}#copyright{position:absolute;right:5px;bottom:4px;margin-bottom:0;font-family:Sedgwick Ave Display,cursive;color:#fff}.main-content{position:absolute;top:0;left:0;width:100%;height:100%;font-size:1rem;font-family:Sedgwick Ave Display,cursive;box-sizing:border-box;pointer-events:none}.h1{font-size:1.5rem}h1,h2{color:red;margin:.3rem 0}h2{text-decoration:underline}p{color:#fff;font-size:1.1rem;letter-spacing:.05rem;margin:.2rem 0}a{font-size:1.4rem;color:red}.text-content{position:absolute;pointer-events:auto;max-width:480px;word-wrap:break-word;overflow-wrap:break-word}.personal-project{color:#fff;font-style:italic}.about{top:10%;left:8%;transform:translate(-8%,-10%)}.contact{right:5%;top:50%;transform:translateY(-50%)}.game3d{left:8%;top:50%;transform:translateY(-50%);width:45%}.github{top:50%;right:5%;transform:translateY(-50%)}.portfolio1{top:80%;left:5%;transform:translateY(-80%);width:45%}.portfolio2{top:10%;right:8%;transform:translateY(-10%);width:50%}.portfolio3{top:80%;right:8%;transform:translateY(-80%);width:45%}.codepen{top:85%;right:8%;transform:translateY(-85%);width:50%}@media(max-width:768px){.scene,.scene canvas,.scene canvas+div,#copyright{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.scene canvas{touch-action:none}.main-content{font-size:.85rem;user-select:none;-webkit-user-select:none}h1,h2{font-size:1.15rem}p{font-size:.95rem;line-height:1.3}a{font-size:1.05rem}.text-content{max-width:88vw;width:auto;left:6%;right:auto;transform:none}.about,.portfolio2{top:8%}.contact,.game3d,.github{top:15%}.portfolio1,.portfolio3,.codepen{top:auto;bottom:8%}}.scene-spinner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.scene-spinner{width:26px;height:26px;border:2px solid rgba(255,255,255,.18);border-top-color:#fffffff2;border-radius:999px;animation:scene-spinner-rotate .8s linear infinite}@keyframes scene-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}