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{width:100%;height:100%;font-size:1rem;font-family:Sedgwick Ave Display,cursive;border:2px solid red}.h1{font-size:1.5rem}h1,h2{color:red}h2{text-decoration:underline}p{color:#fff;font-size:1.1rem;letter-spacing:.05rem}a{font-size:1.4rem;color:red}.text-content{position:absolute}.full-width{width:100vw}.personal-project{color:#fff;font-style:italic}.about{top:10vh;left:30vw;transform:translate(-30vw,-10vh);width:max-content}.contact{right:5%;top:50%;transform:translate(5,-50%)}.about{top:10%;left:10%;transform:translate(-10%,-10%);width:max-content}.linkedin{top:20vh;left:75vw;transform:translate(-75vw,-20vh)}.github{top:50%;right:5%;transform:translate(5%,-50%)}.portfolio1{top:85%;left:5%;transform:translate(-5%,-85%);width:40%}.portfolio2{top:10%;right:10%;transform:translate(-10%,-10%);width:50%}.portfolio3{top:80%;right:10%;transform:translate(-10%,-80%);width:min-content}.codepen{top:90%;right:10%;transform:translate(-10%,-90%);width:70%}@media (max-width: 768px){.main-content{font-size:.85rem}h1{font-size:1.25rem}.main-content>a{font-size:1.25rem}.main-content>h1{font-size:1.25rem}.contact{top:20%;right:5%;transform:translate(5%,-20%)}}