@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";:root{font-family:Space Grotesk,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{width:100vw;overflow-x:hidden;position:relative}.button{background-color:transparent;border:0}.button a{color:#fff;text-transform:uppercase;text-decoration:underline;text-decoration-color:#4ee1a0;text-decoration-thickness:2px;text-underline-offset:10px;font-size:1rem;font-weight:700;font-family:Space Grotesk,sans-serif}.button a:hover{color:#4ee1a0}.icon{width:1.2rem}@media (min-width: 48rem){.icon{width:1.5381rem}}.header{display:flex;flex-direction:column;align-items:center;gap:1.25rem;z-index:2;padding-top:1.25rem}.header h1{font-size:1.5rem}.icons{display:flex;gap:1.6rem;z-index:2}@media (min-width: 48rem){.header{flex-direction:row;justify-content:space-between;margin:0 1.875rem}}.project{display:flex;flex-direction:column;gap:1.25rem}.thumbnail{width:100%;border-radius:12px}.project h3{font-size:1.5rem;font-weight:700;line-height:32px}.project-info{display:flex;flex-direction:column;gap:.4375rem;text-transform:uppercase}.project-technologies{display:flex;gap:1.125rem}.project-technologies span{font-size:1.125rem;font-weight:500;line-height:1.75rem}.project-links{display:flex;gap:1.875rem}form{display:flex;flex-direction:column;gap:1.875rem;width:100%}input,textarea{background-color:transparent;border:0;border-bottom:1px solid white;padding-left:1.5rem;font-family:Space Grotesk,sans-serif;color:#fff}input{height:2.6875rem}textarea{height:6.6875rem}input::placeholder,textarea::placeholder{font-size:1rem;font-family:Space Grotesk,sans-serif;font-weight:500}.submit-button{background-color:transparent;border:0;align-self:flex-end;color:inherit;text-transform:uppercase;text-decoration:underline;text-decoration-color:#4ee1a0;text-decoration-thickness:2px;text-underline-offset:10px;font-size:1rem;font-weight:700;font-family:Space Grotesk,sans-serif}.submit-button:hover{color:#4ee1a0;cursor:pointer}main{padding:0 1rem}hr{border:.5008px solid;color:#fff;margin:0 1rem}.hero{width:100%;overflow:hidden}.hero-visual{overflow:hidden;width:100%;height:24.3125rem;display:flex;flex-direction:column;align-items:center;gap:2.75rem;max-width:10.875rem;background:linear-gradient(to bottom,#24242400 -30%,#242424 150%);margin:0 auto;border-radius:12px;position:relative;bottom:120.9328px;z-index:1}.picture{width:100%;scale:1.45;position:relative;top:176px}.picture-container{width:70%;max-width:10.875rem;background:linear-gradient(to bottom,#24242400,#242424);display:flex}.hero-text{padding:2.125rem 0;text-align:center;display:flex;flex-direction:column;gap:1.5rem;margin-top:-120.9328px}.hero-text h1{font-size:2.25rem;line-height:2.5rem;letter-spacing:-1.1392px}.hero-text p{font-size:1rem;line-height:26px;font-weight:500}.underline-animate{position:relative;display:inline-block;color:inherit}.underline-animate:after{content:"";position:absolute;bottom:-5px;left:0;height:4px;width:0;background-color:#4ee1a0;animation:underlineGrow 1s ease-out forwards;animation-delay:.3s}.hero-buttons{display:flex;gap:1.5625rem;justify-content:center}@keyframes underlineGrow{0%{width:0}to{width:100%}}.technologies{display:flex;flex-direction:column;gap:1.5rem;align-items:center;padding:2.5rem 0}.technology{text-align:center}.technology h2{font-size:2rem;font-weight:700;line-height:2.5rem;letter-spacing:-.0625rem}.technology p{font-size:1rem;font-weight:500;line-height:26px;color:#d9d9d9}.technology img{width:100px;margin-top:.625rem;transition:scale .3s ease-in-out}.technology img:hover{scale:1.1}.projects-container{padding:2.5rem 0;display:flex;flex-direction:column;gap:2.5rem}.projects-header{display:flex;justify-content:space-between}.projects-header h1{font-size:2.5rem;line-height:2.5rem;letter-spacing:-.0712rem}.projects-list{display:grid;grid-template-columns:1fr;gap:2.5rem}main{overflow:hidden;position:relative}.rings-1{position:absolute;top:120px;left:-310px;scale:.8;z-index:-1}.circle-1{position:absolute;top:250px;right:-65px}.rings-2{position:absolute;right:-350px;top:1557px}.rings-3{position:absolute;top:430px;right:200px}.decoration-elements{overflow:hidden}.contact{width:100%;padding:3.75rem 1rem;background-color:#242424;display:flex;flex-direction:column;align-items:center;gap:3.125rem;position:relative}.contact-text{display:flex;flex-direction:column;gap:1.25rem;align-items:center;text-align:center}footer{background-color:#242424;padding:3.75rem 1rem;display:flex;flex-direction:column;align-items:center;gap:3.125rem;position:relative}footer h2{font-size:2.5rem;line-height:2.5rem;letter-spacing:-.0712rem}footer hr{width:100%}@media (min-width: 48rem){main{padding:0 1.875rem}.hero-wrapper{display:grid;grid-template-columns:2fr 1fr}.hero-visual{grid-column:2/3;grid-row:1/2;width:100%;height:600px;max-width:initial}.hero-visual .picture{top:311px}.hero-text{grid-column:1/2;grid-row:1/2;padding-top:13rem;padding-left:.75rem;width:112%;text-align:left;z-index:2;gap:2.875rem}.hero-text h1{font-size:4.375rem;line-height:4.5rem;letter-spacing:-.1281rem}.underline-animate{position:relative;display:inline-block;color:inherit}.underline-animate:after{content:"";position:absolute;bottom:-12px;left:0;height:6px;width:0;background-color:#4ee1a0;animation:underlineGrow 1s ease-out forwards;animation-delay:.3s}.hero-text p{font-size:1.125rem}.hero-buttons{align-self:flex-start}.technologies{display:grid;grid-template-columns:repeat(2,1fr)}.technology.github{grid-column:1/3}.technology h2{font-size:3rem;line-height:3.5rem;letter-spacing:-1.5008px}.technology p{font-size:1.125rem;line-height:1.75rem}.rings-1{position:absolute;top:120px;left:-290px;scale:1.1;z-index:-1}.circle-1{position:absolute;top:440px;right:-75px;z-index:2}.rings-2{position:absolute;right:-350px;top:1347px}.rings-3{position:absolute;scale:.9;top:510px;right:595px}.projects-list{display:grid;grid-template-columns:repeat(2,1fr)}.contact{padding:3.75rem 10.125rem}.contact-text h2{font-size:4.5rem;line-height:4.5rem;letter-spacing:-2.05px}.contact-text p{font-size:1.125rem;line-height:1.75rem}footer{padding:1.5rem;gap:.0625rem}footer .header{width:100%;display:flex;justify-content:space-between}}@media (min-width: 55rem){.hero-visual .picture{top:260px}}@media (min-width: 67.5rem){main{width:100%;max-width:68.75rem;margin:0 auto}.hero-visual{height:45rem}.hero-visual .picture{top:295px}}