*{box-sizing:border-box;font-optical-sizing:auto;margin:0;padding:0;font-family:Geist,sans-serif;font-style:normal}.font-geist{font-optical-sizing:auto;font-family:Geist,sans-serif;font-style:normal}:root{--background-color:#000;--background-gradient-1:#0b012b;--background-gradient-2:#1b002d;--font-color:#e2e2e2}@supports (color:lab(0% 0 0)){:root{--background-gradient-1:lab(2.29317% 10.8638 -23.8542);--background-gradient-2:lab(2.86109% 23.5468 -27.4889)}}body{background-color:#000;background:radial-gradient(circle at 100% 75%,var(--background-gradient-2),oklch(from var(--background-gradient-2)2% .2 290)60%,transparent),radial-gradient(circle at 0 25%,var(--background-gradient-1),oklch(from var(--background-gradient-1)1% .2 210)50%,transparent);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh}main{height:100vh}.container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0f0f0f08;border:2px solid #ffffff26;border-radius:15px;box-shadow:0 0 15px #0000004d}#main-content{color:var(--font-color);align-items:center;gap:2rem;width:fit-content;margin-top:15dvh;margin-left:auto;margin-right:auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}#main-content h1{font-size:2rem;font-weight:700}#main-content .portrait{object-fit:cover;border-radius:50%;width:250px;height:250px;margin-bottom:auto}#main-content .code-is-life{font-size:2rem;line-height:1.6}#main-content .about-me{text-wrap:balance;max-width:50dvw;margin-top:1rem;font-size:1.5rem;line-height:1.6}#main-content .about-me br{margin:5px 0;display:block}#links-and-skills{margin:0 auto;width:fit-content;color:var(--font-color);flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:5dvh;display:flex}#links-and-skills img{width:36px;height:36px}#links-and-skills #skills,#links-and-skills #links{flex-direction:column;gap:.5rem;padding:1rem;display:flex}#links-and-skills #skills{border-right:1px solid #ffffff4d}#links-and-skills .skill{gap:1rem;display:flex}#links-and-skills .skill span{align-self:center;font-size:1.5rem}#links-and-skills #links{flex-direction:column;margin-left:-20px;display:flex}#links-and-skills #links .link{color:var(--font-color);gap:1rem;font-size:1.5rem;text-decoration:none;display:flex}#links-and-skills #links .link img[alt=GitHub]{background-color:#efefef;border-radius:100vh}#links-and-skills #links .link span{align-self:center}