a,a:visited,a:active{color:inherit;text-decoration:none}a:hover{text-decoration:underline;color:var(--green-primary)}a:hover>svg{fill:var(--green-primary)}address{font-style:normal}img{width:100%;height:auto;vertical-align:middle;shape-margin:1rem;background-repeat:no-repeat;background-size:cover;font-style:italic}ul{list-style-type:none}.bold{font-weight:700}.button{padding:.25rem .75rem;border:1px solid transparent}.button:hover{border:1px solid var(--green-primary);border-radius:100vw;color:var(--green-primary);text-decoration:none}.grid-item1{grid-area:a}.grid-item2{grid-area:b}.grid-item3{grid-area:c}.grid-item4{grid-area:d}.text-highlight{font-size:1.5rem}.pf-icon{width:1.6rem;height:1.6rem}.w-fit-content{width:fit-content}*{margin:0;padding:0;box-sizing:border-box}:root{--dark-theme-bg-color: #27272a;--green-primary: oklch(72.3% .219 149.579);--active-color: oklch(72.3% .219 149.579);--p-mob-med: 1rem 2rem;--p-section: 1rem 1.5rem;--gap-mob-small: .5rem;--gap-mob-med: 1rem}html{color-scheme:light dark}html,body{width:100%;height:100%;font-family:system-ui,sans-serif}body{background-color:var(--dark-theme-bg-color, #27272a)}#root{width:100%;height:100%}main{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,auto);width:100%}main>*{border:1px solid;border-radius:1rem}main>nav{grid-column:span 2}main>.projects{grid-row:span 3}.projects{padding:var(--p-section)}.project__card{padding:var(--p-mob-med);border:1px solid;border-radius:1rem;text-align:justify}.project__card>h2{text-align:center;text-decoration:underline;font-size:1.45rem}.project__card>ul{list-style-type:square}.navbar{width:100%;height:fit-content;border:1px solid}.navbar>ul{display:flex;justify-content:center;gap:var(--gap-mob-med);padding:var(--p-mob-med);font-size:1.15rem}.profile-grid{display:grid;justify-content:space-between;gap:1rem 1rem;padding:var(--p-section)}.profile-grid>.about-me{grid-column:2;grid-row:span 2}.about-me{width:30ch;text-align:justify}.about-me>p:first-child{margin-bottom:.55em}.contact-grid{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto)}.contact-grid>.grid-row{grid-column:span 2}.pfp{width:10rem;max-width:100%;max-height:100%;aspect-ratio:1;border-radius:50%;object-fit:cover}.skill{padding:var(--p-mob-med)}.skill>ul{list-style-type:square}.skill>h2{text-decoration:underline}footer{padding:var(--p-section)}