body{background-image:url(/assets/hero-Dp4T6r6O.jpg);background-repeat:no-repeat;background-color:#181818;background-attachment:fixed;background-position:center;background-size:cover}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff;font-weight:bolder;margin-left:5%}p,a:link,a:visited{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#f5f5f5;font-weight:400;font-size:large}.button-link{width:100%;height:auto;background-color:#303030;padding:5%;border-radius:20px}.link-b{max-width:fit-content;margin-left:auto;margin-right:auto;text-align:center;width:50%;background-color:#303030;padding:5%;border-radius:20px}.content{background-color:#69696980;padding:1%;margin:5%;border-radius:25px;text-align:center;animation-name:appearing;animation-duration:1s}.parralax-separation{background-color:#202020;width:100%;height:auto;padding-bottom:5%}@media only screen and (min-width: 1024px){.button-link{width:100px}}@media only screen and (min-width: 810px){.button-link{padding:30% 40% 30% 30%;width:90px}}h1{padding-top:5%;text-align:center}h4{text-align:center;color:#181818}hr{width:90%;margin-bottom:5%}.abouthr{width:60%;color:#f5f5f5}h1{font-size:300%;animation-name:appearing;animation-duration:1s}h3{font-size:larger;animation-name:appearing;animation-duration:1.5s}@keyframes appearing{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes dissapearing{0%{transform:scale(1)}to{transform:scale(0)}}.NavbarClass{background-color:#c0c0c080;padding:5%;border-radius:25px;animation-name:appearing;animation-duration:1s}ul{text-align:center;margin-right:5%;list-style:none;color:#f5f5f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}li{margin-top:10%;margin-bottom:10%}.menuButtonContainer{display:inline-block;cursor:pointer}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#fff;margin:6px 0;transition:.4s}.change .bar1{transform:translateY(11px) rotate(-45deg)}.change .bar2{opacity:0}.change .bar3{transform:translateY(-11px) rotate(45deg)}footer p{color:#fff}h3{padding-left:5%;font-size:150%}h4{color:#dcdcdc;margin-bottom:10%}a{text-decoration:none}.projectContainer{text-align:center}.projectContainer>p{text-align:left;padding-left:5%}iframe{width:95%;height:50vh}@media only screen and (min-width: 810px){iframe{width:90%;height:80vh}}img{width:30%;height:auto}ul{text-align:center}li{text-align:center;margin-right:10%}@media only screen and (min-width: 810px){img{width:100%;height:100%;object-fit:cover}#GitHubLogo{width:50%;height:50%;object-fit:cover}ul>li{display:inline-block}}#Spinningmodel{position:relative}canvas{position:fixed;z-index:-1}