:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}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}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}header{display:flex;justify-content:space-around;align-items:center;background:var(--main);color:var(--text-light);text-align:center;position:sticky;top:0;z-index:1000;border:10px red}nav{background-color:var(--main);color:#fff;display:flex;flex:1;justify-content:space-around;align-items:center;gap:2rem;padding:0 1rem}nav ul{padding:0;margin:0;list-style:none;display:flex;font-size:x-large;gap:1rem}nav li{margin:0 1rem}nav a{color:var(--accent);text-decoration:none}@media(max-width:640px){header{flex-direction:column}nav{margin:0 auto;flex-direction:column;align-items:center}nav ul{flex-direction:column;width:100%;padding-left:0}nav li{margin:.5rem 0}}#about{text-align:center;position:relative}#about img{display:block;margin:20px auto;margin-bottom:1.875rem;width:300px;position:relative;border:5px solid var(--main);border-radius:50%}#about h2{width:25%;border-bottom:4px solid var(--main);padding-bottom:.8rem;margin:10px auto}#about h3{margin-bottom:2rem}.intro{margin-bottom:1.5rem}.details{text-align:left;max-width:800px;margin:0 auto 1rem}@media(max-width:640px){#about img{display:block;margin:10px auto;margin-bottom:1.875rem;width:50%;position:relative;border:5px solid var(--main);border-radius:50%}}#proficiencies{text-align:center}#profLists{justify-content:space-between;display:flex;padding:0;border:2px solid var(--main);border-radius:8px}#profLists>div{flex:1;padding:1rem;box-sizing:border-box}#profLists h3{border-radius:8px;margin-top:.4rem;margin-bottom:2rem}#frameworksCont{border-style:none solid;border-color:var(--main);border-width:2px}#lstLanguages,#lstFrameworks,#lstTools{display:flex;justify-content:space-around;flex-wrap:wrap}#proficiencies img{width:90px;margin:1rem}@media(max-width:640px){#profLists{flex-direction:column;gap:2rem}#frameworksCont{border-style:solid none;border-color:var(--main);border-width:2px}}#projects{text-align:center}.projects-container{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;max-width:calc(2000px + 6rem);margin:0 auto;padding:1rem;scroll-behavior:smooth}.project-card{border:2px solid var(--main);flex-shrink:0;border-radius:10px;padding:2rem;margin:0 auto;width:350px;height:auto}.poster{border:4px solid #4e4e4e}.project-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;display:block}.project-tech-stack{display:flex;justify-content:space-around;flex-wrap:wrap}.project-tech-stack{margin-bottom:2rem}.project-tech-stack img{border-radius:2px;margin:.5rem;width:34px;height:34px}#contact{text-align:center}#contact-icons{width:100%;display:flex;justify-content:center}.link{width:120px;margin:0 2rem;display:inline-block}.link a{display:block;width:100%}.link img{border:3px solid var(--main);border-radius:15px;padding:5px;width:100px;height:auto;aspect-ratio:1/1;object-fit:cover}#contactForm{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:2rem auto}#contactForm label{font-weight:700}#contactForm input,#contactForm textarea{padding:.5rem;border:2px solid var(--main);background-color:#fff;color:#000;border-radius:6px;font-size:1rem;width:100%;box-sizing:border-box}#contactForm button{background-color:var(--main);color:#fff;padding:.75rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer}#contactForm button:hover{background-color:#5e00c0}html{scroll-behavior:smooth}#root{width:100%;margin:0 auto;box-sizing:border-box}:root{--main: #a640fa;--accent: #f8f8f8;--text-light: #ffffff;--text-color: #000000}body{color:var(--text-color);background-color:var(--accent);font-family:Nunito;margin:0;padding:0}section{padding:2rem}@media(max-width:1536px){.container{width:100%}}@media(max-width:1280px){.container{width:100%}}@media(max-width:1024px){.container{width:100%}}@media(max-width:768px){.container{width:100%}}@media(max-width:640px){.container{width:100%}}@media(max-width:475px){.container{width:100%}}