@font-face{font-family:SpaceGrotesk;src:url(/assets/SpaceGrotesk-Medium-DME8hgUE.ttf);font-weight:500}*{margin:0;padding:0;font-family:SpaceGrotesk}body{color:#fff;font-weight:500}main{background-color:#000}html{background-color:#242424}header{align-items:center;background-color:#000}.header-container{display:flex;flex-direction:column;align-items:center}header p{font-size:1.5rem;margin:10px 0}.header-icon-container{display:flex;flex-direction:row;gap:1rem;margin-top:10px}header img{transition:filter .3s ease}header img:hover{filter:brightness(0) saturate(100%) invert(72%) sepia(29%) saturate(758%) hue-rotate(91deg) brightness(100%) contrast(91%)}#vanta-bg{position:absolute;inset:0;z-index:0}.hero{position:relative;height:100vh;text-align:center;padding-bottom:30px;margin:0;overflow:hidden}.hero:after{content:"";position:absolute;left:15px;right:15px;bottom:0;border-bottom:1px solid white;pointer-events:none}.hero-container{position:relative;z-index:1;padding:0 15px}.hero img{max-width:200px;border-radius:10%;margin:15px 0 30px}.hero h1{font-size:2rem;line-height:40px;margin-bottom:20px}.hero p{color:#d9d9d9;margin-bottom:30px;border-bottom:2px;border-color:#fff;border-width:2px;font-size:.9rem}.hero span{color:#fff;text-decoration:underline;text-decoration-color:#4ee1a0}.skills{padding:30px 0;text-align:center;border-bottom:1px solid white;margin:0 15px}.skills-grid{gap:1rem;display:grid;grid-template-columns:repeat(2,1fr);font-size:1.5rem}.projects{padding:50px 0;margin:0 15px}.projects h2{font-size:2.5rem;text-align:center}.project-photo{width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#0b0b0b;border-radius:8px}.projects h3{font-size:1.5rem;text-align:center;margin:2.5rem 0 1rem}.technologies-wrapper{display:flex;gap:1.5rem;padding:10px 0;justify-content:center}.technologies-wrapper p{color:#d9d9d9}.project-card a{display:block;text-align:center;padding-bottom:15px;color:#fff;text-decoration:none;border-bottom:2px solid #4EE1A0;max-width:fit-content;margin:0 auto;letter-spacing:2px}.project-card a:hover{color:#4ee1a0}.contact{background-color:#242424;padding:25px 15px 35px}.contact h2{font-size:2.5rem;text-align:center;margin-bottom:25px}.contact button:hover{color:#4ee1a0;cursor:pointer}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}form{display:flex;flex-direction:column;gap:2rem}form label{margin-left:20px}form input{background-color:#242424;border:none;margin-bottom:15px}textarea{background-color:#242424;border:none;resize:none}input,textarea{color:#fff}.form-group{display:flex;align-items:start;gap:1rem;border-bottom:1px solid white;color:#d9d9d9}form button{background-color:#242424;color:#fff;border:none;font-size:1rem;letter-spacing:1px;border-bottom:2px solid #4EE1A0;padding-bottom:10px;max-width:fit-content;margin-left:auto}footer{display:flex;flex-direction:column;align-items:center;background-color:#242424;gap:1.5rem;padding:30px;border-top:1px solid white;margin:15px}footer p{font-size:1.5rem}.footer-icon-container{display:flex;gap:1.5rem}footer img{transition:filter .3s ease}footer img:hover{filter:brightness(0) saturate(100%) invert(72%) sepia(29%) saturate(758%) hue-rotate(91deg) brightness(100%) contrast(91%)}@media (min-width: 768px){header{flex-direction:row;justify-content:space-between;padding:0 25px}.header-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1rem}.header-container p{font-size:1.5rem}.header-container img{width:1.5rem;height:1.5rem}.hero{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.hero-container{display:flex;flex-direction:row-reverse;align-items:center}.hero-text{max-width:55vw}.hero-text h1{margin-bottom:50px;font-size:3rem;line-height:60px}.hero-text p{max-width:85%;margin:0 auto}.hero img{max-width:300px}.skills{display:flex;flex-direction:row;text-align:left;justify-content:center}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;row-gap:3rem;column-gap:10rem;text-align:left;font-size:2.3rem}.projects h2{font-size:3rem;margin-bottom:30px}.project-card-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.contact{padding:50px 150px}.contact h2{font-size:3rem}footer{flex-direction:row;justify-content:space-between}}@media (min-width: 1024px){header{display:flex;max-width:100%;justify-content:center}.header-container{display:flex;justify-content:space-between;width:1300px;align-items:center}.header-icon-container img{width:1.5rem;height:1.5rem}.hero{justify-content:center}.hero-container{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.hero-text{display:flex;flex-direction:column;align-items:center;max-width:45%}.hero img{max-width:400px}.hero-container h1{font-size:4rem;max-width:45vw}.hero-container p{font-size:1.5rem}.skills{flex-direction:column;align-items:center}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:6rem;text-align:left;font-size:3rem}.projects-container{display:flex;flex-direction:column;max-width:1524px;margin:0 auto}form{max-width:900px;margin:0 auto}footer{justify-content:space-around}}