:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ebebf0;background-color:#0f0f10;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#ebebf0}a:hover{color:#747bff}button{background-color:#f9f9f9}h2{color:#213547}}p,body{margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{font-family:Inter,sans-serif}a{color:#ebebf0}p{color:#e5e7eb;line-height:1.6;font-size:1rem}main{margin-top:100px;margin-bottom:100px;display:flex;justify-content:center;flex-direction:column;align-items:center}header{display:flex;justify-content:center;flex-direction:column;align-items:center}header h2{margin:24px 0}.about-me,.projects-container,.how-do-i-work,.stack,.goals{display:flex;justify-content:center;flex-direction:column;align-items:center}.about-me div{display:flex;flex-direction:column;align-items:center}.my-name{font-size:clamp(2.5rem,6vw,3.5rem);margin:0;letter-spacing:-.02em}.role{font-size:30px}.infos{display:flex;flex-direction:column;align-items:center}h2{margin-bottom:32px;font-weight:600;margin-top:0}main section h2{font-size:1.75rem;letter-spacing:-.01em}header,.about-me,.social-links,.projects-container,.how-do-i-work,.stack,.goals{margin-bottom:128px}.about-me{line-height:1.8}.social-links{display:flex;justify-content:center;align-items:center}.link{display:flex;align-items:center;gap:5px;color:#e5e7eb;fill:#e5e7eb;text-decoration:none}.link:hover{color:#5cb8ff;fill:#5cb8ff;text-decoration:underline}.stack div{padding-bottom:24px}.projects-grid,.stack-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);column-gap:50px;row-gap:50px}footer{display:flex;justify-content:center}h1,h2{color:#5cb8ff}.role,h3{color:#e5e7eb}h3{font-size:1.25rem;font-weight:500}@media(prefers-color-scheme:light){a,h1,h2{color:#0a5ed7}.role,h3,p{color:#213547}.link{color:#213547;fill:#213547}.link:hover{color:#0a5ed7;fill:#0a5ed7;text-decoration:underline}}@media only screen and (max-width:1200px){.about-me,.social-links,.projects-container,.how-do-i-work,.stack,.goals{max-width:80%;text-align:center}.social-links .github,.social-links .linkedin{margin:0 10px}.social-links .github{margin-left:0}.link.twitter{margin-left:0}}@media only screen and (min-width:1200px){.social-links .github,.social-links .linkedin{margin:0 10px}.social-links .github{margin-left:0}.link.twitter{margin-left:0}.link.linkedin{margin-left:3px}}@media only screen and (max-width:992px){.about-me,.social-links,.projects-container,.how-do-i-work,.stack,.goals{max-width:80%}.about-me p,.how-do-i-work p{text-align:center;margin-bottom:20px}.goals li{margin-bottom:20px}.link.twitter,.github{margin-left:0}}@media only screen and (max-width:768px){header .tagline{text-align:center;margin-bottom:20px;max-width:80%}header .intent{text-align:center;max-width:80%}.stack-grid{max-width:80%;text-align:center}.stack-grid{display:grid;grid-template-columns:repeat(1,1fr);row-gap:25px}.goals li{text-align:center}.github{margin-left:0}}@media only screen and (max-width:600px){.my-name{font-size:clamp(2.4rem,6vw,3.5rem)}.role{font-size:25px}.social-links{flex-direction:column;gap:32px}.social-links a{margin:0}.social-links .github{margin-left:0}.social-links .twitter{margin:0}ul{padding-left:10px}.goals li{margin-bottom:50px}}@media only screen and (max-width:400px){.my-name{font-size:clamp(2.1rem,6vw,3.5rem)}main section h2,.role{font-size:23px}p{font-size:16px}h3{font-size:18px}ul li::marker{padding:0}ul{padding-left:10px}.goals li{margin-bottom:50px}.social-links .github{margin-left:0}}