.app{background:var(--color-black);color:var(--color-white);overflow:hidden}.heading-xl{font-size:40px;line-height:40px;letter-spacing:-1.15px;font-weight:700;color:var(--color-white)}.heading-l{font-size:32px;line-height:40px;letter-spacing:-1px;font-weight:700;color:var(--color-white)}.heading-m{font-size:24px;line-height:32px;color:var(--color-white)}.body{font-size:16px;line-height:26px;color:var(--color-grey)}.body-btn{font-size:16px;line-height:26px;letter-spacing:2.3px;text-transform:uppercase;color:var(--color-white)}@media(min-width:768px){.heading-xl{font-size:72px;line-height:72px;letter-spacing:-2.05px}.heading-l{font-size:48px;line-height:56px;letter-spacing:-1.5px}.body{font-size:18px;line-height:28px}}@media(min-width:1024px){.heading-xl{font-size:88px;line-height:88px;letter-spacing:-2.5px}}.header{margin-bottom:var(--space-300)}.header .developer-name{text-align:center;padding:var(--space-250) 0}.header .social-icons{display:flex;justify-content:center;gap:var(--space-300)}.header .social-icons .social-icon{width:var(--space-250);height:var(--space-250);cursor:pointer;transition:transform .2s}.header .social-icons .social-icon:hover{transform:scale(1.1)}@media(min-width:768px){.header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-400) var(--space-400) 0 var(--space-400);max-width:1100px;margin:0 auto var(--space-300)}.header .developer-name{padding:0;text-align:left;font-size:var(--space-400);line-height:var(--space-400)}}@media(min-width:1200px){.header{padding:var(--space-400) 0 0}}.hero{position:relative;overflow:hidden;margin:0 0 40px}.hero .developer-image-wrapper{height:340px}.hero .developer-image-wrapper .profile-image{width:300px;position:absolute;right:50%;transform:translate(50%)}.hero .hero-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-300);max-width:350px;margin:0 auto}.hero .hero-content .hero-title{text-align:center}.hero .hero-content .hero-title .green-underline{text-decoration:underline;text-decoration-color:var(--color-green);text-underline-offset:var(--space-100)}.hero .hero-content .hero-subtitle{text-align:center}.hero .break{display:none}@media(min-width:768px){.hero{display:flex;flex-direction:row-reverse;margin:0 0 60px}.hero .developer-image-wrapper{height:100%}.hero .developer-image-wrapper .profile-image{right:32px;transform:none}.hero .developer-image-wrapper .rings{top:0}.hero .developer-image-wrapper .circle{bottom:0}.hero .hero-content{max-width:450px;justify-content:center;align-items:flex-start;margin-left:32px;z-index:2}.hero .hero-content .hero-title{text-align:left}.hero .hero-content .hero-subtitle{text-align:left;padding-top:30px;padding-bottom:16px}.hero .break{display:block}.hero .break-2{display:none}}@media(min-width:1024px){.hero{max-width:1100px;margin:0 auto 72px;overflow:visible}.hero .developer-image-wrapper .profile-image{top:50px}.hero .hero-content{max-width:725px;z-index:10;padding-top:90px}.hero .hero-content .hero-subtitle{max-width:400px}.hero .break{display:none}.hero .break-2{display:block}}@media(min-width:1200px){.hero .developer-image-wrapper .profile-image{right:0;width:450px}.hero .hero-content{margin-left:0}}.button{padding:0 0 8px;border:0;border-bottom:2px solid var(--color-green);background:transparent;cursor:pointer;max-width:130px}.button :hover{color:var(--color-green)}.project .wrapper-image .image{width:100%}.project .wrapper-image .project-links-desktop{display:none}.project .project-info .project-title{margin-bottom:8px;margin-top:20px}.project .project-info .project-languages{display:flex;gap:16px;margin-bottom:20px}.project .project-info .project-links{display:flex;gap:32px}.project .project-info .project-links .project-link .button{max-width:none}@media(min-width:1024px){.project .wrapper-image{position:relative}.project .wrapper-image .project-links-desktop{flex-direction:column;gap:32px;position:absolute;inset:0;background-color:#000000b3;cursor:pointer;align-items:center;justify-content:center}.project .wrapper-image .project-links-desktop .project-link .button{max-width:none}.project .wrapper-image:hover .project-links-desktop{display:flex}.project .project-info .project-links{display:none}}.projects-section{padding:0 16px}.projects-section .header-projects-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.projects-section .projects{display:flex;flex-direction:column;gap:40px;margin-bottom:80px}.projects-section .projects .projects-row{display:flex;flex-direction:column;gap:40px}@media(min-width:768px){.projects-section{padding:0 32px}.projects-section .header-projects-section{margin-bottom:60px}.projects-section .projects{margin-bottom:100px}.projects-section .projects .projects-row{display:flex;flex-direction:row;gap:24px}.projects-section .projects .projects-row .project{flex:1}}@media(min-width:1024px){.projects-section .header-projects-section{margin-bottom:80px}.projects-section .projects{margin-bottom:140px}}@media(min-width:1200px){.projects-section{max-width:1100px;margin:0 auto;padding:0}}.skill{text-align:center}.skills{display:flex;flex-direction:column;gap:24px;border-top:1px solid white;border-bottom:1px solid white;margin:0 16px 80px;padding:40px 0;position:relative}.skills .row{display:flex;flex-direction:column;gap:24px}.skills .rings{position:absolute;bottom:-65px;right:-300px}@media(min-width:768px){.skills{margin:0 32px 100px;gap:52px;border-bottom:none;padding:52px 0 0}.skills .row{flex-direction:row}.skills .row .skill{flex:1;text-align:left;display:flex;flex-direction:column;gap:14px}}@media(min-width:1024px){.skills{padding:72px 0 0}}@media(min-width:1200px){.skills{margin:0 auto 140px;max-width:1100px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary)}:root{--font-primary: "Space Grotesk", sans-serif;--color-black: #151515;--color-dark-grey: #242424;--color-green: #4EE1A0;--color-red: #FF6F5B;--color-grey: #d9d9d9;--color-white: #ffffff;--space-50: 4px;--space-100: 8px;--space-200: 16px;--space-250: 20px;--space-300: 24px;--space-400: 32px;--space-500: 40px;--space-700: 56px;--space-800: 64px;--space-900: 72px;--space-1000: 80px;--space-1400: 112px}.design-system{height:100vh;background:var(--color-black);display:flex;flex-direction:column;gap:var(--space-250)}.input-wrapper{display:flex;flex-direction:column;align-items:flex-end;width:100%;max-width:445px}.input-wrapper .input{padding-left:24px;padding-bottom:16px;border:0;border-bottom:1px solid var(--color-white);background:transparent;width:100%;color:var(--color-white);text-transform:uppercase;font-size:16px;line-height:26px}.input-wrapper .input:focus{outline:none;border-bottom:1px solid var(--color-green)}.input-wrapper .input::placeholder{color:var(--color-white);opacity:.5;text-transform:uppercase}.input-wrapper .input.input-error{border-bottom:1px solid var(--color-red);color:var(--color-white);font-size:16px;line-height:26px}.input-wrapper .input-error{padding-top:6px;font-size:12px;line-height:16px;color:var(--color-red)}