:root{--step-0: clamp(0.875rem, 0.6893rem + 0.7619vw, 1.375rem);--step-1: calc(1.2 * var(--step-0));--step-2: calc(1.44 * var(--step-0));--step-3: calc(1.728 * var(--step-0));--step-4: calc(2.0736 * var(--step-0));--step-5: calc(2.48832 * var(--step-0));--step-6: calc(2.985984 * var(--step-0))}body{font-family:Inter,Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;font-size:var(--step-0)}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-3)}h4{font-size:var(--step-2)}h5{font-size:var(--step-1)}h6{font-size:var(--step-0)}body>*{box-sizing:border-box}body>header{width:min(100%,50em);margin:0 auto 2em}main{width:min(100%,48em);margin:1em auto;padding:0 1rem}main>h1{margin-inline:-1rem}main::after{content:"";clear:both;display:block}.hero{max-width:max-content;margin:0 auto .5em}header:has(.hero){background:linear-gradient(to bottom, var(--elite-teal), var(--verdant-forest));color:var(--bg);padding:.5em;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;box-shadow:.2rem .2rem .5rem var(--verdant-forest)}.hero .hero-title{font-weight:bold;font-variant:small-caps;font-size:var(--step-6)}.hero .hero-subtitle{font-size:var(--step-2);text-align:center}.topnav ul{list-style:none;display:flex;flex-flow:row nowrap;margin:0 2rem;padding:0}.topnav ul li.right{margin-left:auto}.topnav ul a{display:inline-block;color:currentColor;background-color:rgba(0,0,0,0);padding:.5em;transition:background-color .2s}.topnav ul a:hover,.topnav ul a:focus{background-color:hsla(from currentColor h s l/25%)}.topnav ul a img,.topnav ul a svg{height:1em}.topnav ul li.zoom-icon img,.topnav ul li.zoom-icon svg{transform:scale(1.5)}body>footer{background-color:oklch(.92 .003 12.1);width:max-content;max-width:80vw;margin:.5em auto;font-size:85%;padding:1em 2em;border:3px solid oklch(.685 .003 12.1);border-radius:1em}body>footer p{margin-block:.5em}main{background-color:oklch(from var(bg) l c h/20%);backdrop-filter:blur(5px);border-radius:1em;border:.2em solid var(--verdant-forest)}a{color:var(--deep-navy)}a:visited{color:var(--verdant-forest)}h1{color:var(--bg);background:linear-gradient(to right, var(--deep-navy), var(--verdant-forest));padding:.25em;margin:.5em 0}.project-header{display:flex;flex-flow:row nowrap;align-items:baseline;gap:.5em}.project-header h1{flex-grow:1}.project-technologies{float:right;margin-left:.5em;border:.2em solid var(--million-grey);border-radius:.5em;padding:1em;box-shadow:.25em .25em .25em var(--million-grey)}.project-technologies ul{margin:0;padding-inline-start:1em}.project-screenshots{display:flex;flex-flow:row nowrap;height:10em;gap:.25em;padding:.25em .5em;background:var(--million-grey);overflow-x:scroll}.project-screenshots img{display:block;box-sizing:border-box;height:100%}:root{--verdant-forest: oklch(45% 0.06 183deg);--elite-teal: oklch(30.6% 0.05 202deg);--million-grey: oklch(68.5% 0.003 12.1deg);--deep-navy: oklch(25% 0.1 264deg);--periwinkle: #ccccff;--van-dyke-brown: oklch(34.6% 0.023 48deg);--bg: oklch(92% 0.003 12.1deg)}body{background:url("/assets/images/geometric-leaves.png");color:oklch(.346 .023 48)}/*# sourceMappingURL=style.css.map */