.logo-title{font-size:var(--size-700)}.logo-subtitle{font-family:var(--ff-secondary);font-size:var(--size-500)}.primary-header{margin-top:var(--spacing-200);display:flex;justify-content:space-between;align-items:center}.header-nav-toggle{display:block;border:none;background-color:inherit}.mobile-dialog:open .header-nav-toggle{display:block;position:absolute;top:.5rem;right:.5rem;cursor:pointer}.mobile-dialog:open{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:80%;text-align:center;border:none;border-radius:7px;padding:var(--size-800);font-size:var(--size-800)}.mobile-dialog:open nav{display:block}.mobile-dialog:open nav ul{display:grid;gap:var(--spacing-300)}@media (min-width: 50em){.header-nav-toggle{display:none}}.nav-list{display:none}@media (min-width: 50em){.nav-list{display:block}.nav-list ul{display:flex;align-items:center;justify-content:space-around;gap:clamp(var(--size-400),2vw,10rem)}}.main-footer{padding-top:var(--spacing-600);padding-bottom:var(--spacing-600);background-color:var(--clr-neutral-900);color:var(--clr-neutral-100);text-align:center}.copyright{font-size:var(--size-300)}.main-footer-content{display:grid;gap:var(--spacing-300)}.contact-me h3{font-size:var(--size-600);margin-bottom:var(--spacing-200)}.contact-me ul{display:grid;gap:var(--spacing-200)}@media (min-width: 50em){.main-footer-content{display:flex;justify-content:space-between;align-items:flex-start}.contact-me ul{display:grid;gap:var(--spacing-100)}}.project-card-preview{width:100%;height:100%;border-radius:15px;border:5px solid var(--clr-neutral-600);box-shadow:0 0 10px var(--clr-shadow-900)}.project-info{margin-bottom:var(--spacing-100)}.general-info h2{font-size:var(--size-800);font-weight:var(--fw-bold)}.project-headline{font-size:var(--size-600);color:var(--clr-neutral-700)}.project-description{margin-top:var(--spacing-200);margin-bottom:var(--spacing-100);font-size:var(--size-600)}.techstack-list{display:flex;gap:var(--spacing-200);margin-bottom:var(--spacing-100)}@media (min-width: 1275px){.project-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-200)}}.project-card-reversed{order:-1}.icon-card{position:relative;padding:.5rem;border-radius:15px;width:65px;height:45px;box-shadow:0 0 10px var(--clr-shadow-900);transition:ease .3s}.icon-card:hover{cursor:pointer;box-shadow:0 0 10px var(--clr-neutral-700);transition:ease .3s}.icon-card-tooltip{display:none;border-radius:15px;color:var(--clr-neutral-100);background-color:var(--clr-neutral-900);padding:.75rem}.icon-card:hover .icon-card-tooltip{position:absolute;display:block}.icon-card svg{width:100%;height:100%;object-fit:contain}@media (min-width: 50em){.icon-card{width:clamp(90px,100px,150px);height:clamp(65px,80px,90px)}}.hero-inner-wrapper{text-align:center}.hero h1{font-size:var(--size-900)}.hero-info{margin-top:var(--spacing-200);display:grid;gap:var(--spacing-200);justify-content:center}.hero-info p{font-size:var(--size-500);color:var(--clr-neutral-700)}.tech-skills{display:flex;align-items:center;gap:var(--spacing-200)}@media (min-width: 50rem){.hero-inner-wrapper{margin:0 15vw;text-align:center}}.cta h1{text-align:center;font-size:var(--size-800);margin-bottom:var(--spacing-200)}.cta-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-200)}:root{--clr-neutral-900: #191919;--clr-neutral-800: #272727;--clr-neutral-700: #adadad;--clr-neutral-600: #eaeaea;--clr-neutral-200: #f4f4f4;--clr-neutral-100: #ffffff;--clr-shadow-900: #19191919;--ff-primary: "IBM Plex Sans", sans-serif;--ff-secondary: "Oregano", cursive;--fw-regular: 400;--fw-bold: 700;--size-900: 1.75rem;--size-800: 1.375rem;--size-700: 1.25rem;--size-600: 1.125rem;--size-500: 1rem;--size-400: 1.125rem;--size-300: 1rem;--spacing-800: 6.25rem;--spacing-700: 3.125rem;--spacing-600: 2rem;--spacing-300: 1.25rem;--spacing-200: .625rem;--spacing-100: 1.4375rem}@media (min-width: 50em){:root{--size-900: 3.125rem;--size-800: 2.25rem;--size-700: 2rem;--size-600: 1.75rem;--size-500: 1.375rem;--size-400: 1.25rem;--size-300: 1rem;--spacing-800: 12.5rem;--spacing-700: 6.25rem;--spacing-300: 2rem;--spacing-200: 1.75rem;--spacing-100: 1rem}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{scroll-behavior:smooth}html,body{height:100%}body{font-family:var(--ff-primary);font-size:var(--size-500);color:var(--clr-neutral-800);background-color:var(--clr-neutral-200);text-rendering:optimizeSpeed;line-height:1.2}ul,ol{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{--max-width: 1200px;--side-padding: 1rem;width:min(var(--max-width),100% - var(--side-padding) * 2);margin-inline:auto}.button{border-radius:10px;padding:.5rem;background:var(--clr-neutral-100);color:var(--clr-neutral-900);border:none;box-shadow:0 0 10px var(--clr-shadow-900);transition:ease .3s}.button:hover{color:var(--clr-neutral-100);background:var(--clr-neutral-900);transition:ease .3s}.double-margin-top{margin-top:var(--spacing-800)}.margin-top{margin-top:var(--spacing-700)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}