*{margin:0;padding:0}html{scroll-behavior:smooth;width:100dvw;overflow-x:hidden}body{color:#fff;background:linear-gradient(to right,#011627,#283593,#6a097d);font-family:Montserrat,sans-serif}#home,#projects,#skills,#contact{scroll-margin-top:15vh;box-sizing:border-box;padding:0 10rem}a{color:#fff;text-decoration:none}h1{font-weight:200}h3,h4{font-weight:100}nav{background:linear-gradient(to right,#011627,#283593,#6a097d);min-height:14vh;height:auto;width:100%;display:flex;justify-content:center;top:0;z-index:99;border-bottom:.1rem solid white;position:sticky}#three-canvas{margin:0;padding:0;position:absolute;top:10rem;height:100%;width:100%;display:flex;justify-content:center;align-items:center;z-index:-1}#options ul{display:flex;width:100%}#options ul li{list-style:none;font-size:1.2rem;margin:3rem 1rem 0;transition:.5s linear;border:transparent}#options ul li:hover{transition:.5s linear;border-bottom:.1rem solid white}#home{display:flex;justify-content:center;width:100%}#heroSection a{font-size:1rem;height:2rem;width:9rem;border:.1rem solid white;border-radius:1rem;display:flex;justify-content:center;align-items:center}#heroSection a:hover{background-color:#fff;color:#000;transition:.3s ease}#heroSection{height:85vh;width:60%;max-width:50rem;align-items:center;display:flex;flex-direction:column;justify-content:center;cursor:default}#heroGreet{align-self:flex-start}#heroMain{font-size:5rem;text-align:center}#heroDescription{align-self:flex-end}#skills{display:flex;flex-direction:column;height:85vh;width:100%;align-items:center;justify-content:center;cursor:default}#skills h1{font-size:4rem;text-align:center}#techStack{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:10rem;height:auto;width:100%}#intro{margin-bottom:5rem}#icons{margin-top:1rem;width:100%;font-size:5rem}#icons i{transition:.3s ease}#icons i:hover{color:#04ff04;transition:.3s ease}#projects{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.project{min-height:50vh;height:auto;width:80%;align-items:center;margin:.3rem;padding:.1rem;display:flex;justify-content:space-evenly;border-bottom:.1rem solid white;text-align:left}.projectImage{height:15rem;width:26rem;padding:.2rem}.projectImage img{height:15rem;width:26rem;border-radius:.2rem;object-fit:cover}#projectInfo{height:15rem;width:27rem;display:flex;flex-direction:column;padding:.5rem;text-align:left}.projectName h1{font-size:2rem;font-weight:200}#link-btn{margin-top:1.5rem;display:flex}#link-btn a{margin:.5rem;height:2rem;width:7rem;border:.1rem solid white;border-radius:.5rem;transition:.3s ease;padding:.2rem;display:flex;justify-content:center;align-items:center}#link-btn a:hover{color:#000;background-color:#fff;transition:.3s ease}#contact{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:1rem}#message{width:80%;text-align:center}form{text-align:start;display:flex;flex-direction:column;margin:1rem}.contactFont{font-size:1.5rem;margin-top:1.5rem}input{height:3rem;width:100%;background-color:transparent;border-color:transparent;border-bottom:.1rem solid white;color:#fff;font-size:1rem;outline:none}#contactIcons{font-size:4rem;text-align:center;width:80%;margin:1rem}#contactIcons a{margin:2rem;transition:.3s ease}#contactIcons a:hover{color:#0f0;transition:.3s ease}#spanDiv{width:100%;display:flex;align-items:center;text-align:center;justify-content:center}#submit-button{margin-top:1rem;border:.1rem solid white;border-radius:.5rem;font-size:1.5rem;height:3rem;width:7rem;transition:.3s ease}#submit-button:hover{background-color:#fff;color:#000;transition:.3s ease}footer{min-height:15vh;height:auto;width:100%;background:linear-gradient(to right,#011627,#283593,#6a097d);border-top:.1rem solid white;display:flex;justify-content:center;align-items:center}#copyright{text-align:center}@media (max-width: 600px){html{overflow-x:hidden}#home,#projects,#skills,#contact{padding-left:5%;padding-right:5%}nav{min-height:9vh;background:linear-gradient(to right,#022e51,#ab27c6)}body{background:linear-gradient(to right,#022e51,#ab27c6)}#options ul li{font-size:1.2rem;margin-top:2rem}#heroSection{width:100%}#heroSection a{margin-top:1rem}#heroGreet{align-self:flex-start;font-size:.8rem}#heroMain{font-size:3rem;font-weight:5;text-align:center}#heroDescription{align-self:flex-end;font-size:1rem}#skills h1{font-size:3rem;text-align:center}#intro{text-align:left}#icons{font-size:4rem}.project{height:33rem;width:100%;justify-content:center;flex-direction:column;border:none}.projectImage,.projectImage img{height:12rem;width:21rem}#projectInfo{height:12rem;width:21rem;display:flex;flex-direction:column;padding:.5rem}#link-btn{margin-top:.5rem;margin-left:1rem}#contactIcons a{margin:1rem}#contactIcons{font-size:2rem}footer{min-height:9vh;background:linear-gradient(to right,#022e51,#ab27c6)}}