*{font-family:"Roboto Condensed",sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth"100}body{background:#e9f1f8;background:linear-gradient(60deg,#f5f5f5 0,#e9f1f8 30%,#e8f0f9 70%,#efe5f6 100%);background-attachment:fixed}body,html{height:100%}*,h1,h2{font-weight:400}h2{font-size:2rem}h3{font-size:1.2rem}h3 svg{height:.8rem;fill:var(--bs-link-color)}h3 a svg{margin-left:.25em}h3 a:hover svg{fill:var(--bs-link-hover-color)}a:hover{text-decoration:none}.navbar-brand{font-size:1.75rem}.container{max-width:800px}header{z-index:9;backdrop-filter:blur(10px)}header nav{background-color:#fff}footer .footer{background-color:#f5f5f5;color:#333}.bg-target{background:url(/assets/images/bullseye-pointer.svg)center left no-repeat;background-size:125%}.grid{column-count:3;-webkit-column-gap:1em;-moz-column-gap:1em;column-gap:1em}.item+.item{margin-top:1rem}.item{break-inside:avoid;aspect-ratio:4/3}.img img{max-width:100%}.float{width:50%;position:fixed;height:100%}.float>div>div{padding-right:1.5rem}.float p{margin:0}@media (max-width:768px){.float{width:100%;height:auto;position:sticky;top:0;background:rgba(255,255,255,.9)}.float>div>div{padding-right:1rem}ul.projects{margin:0 auto}.grid{column-count:2}}@media (max-width:576px){.grid{column-count:1}footer .menu{list-style:none;padding:0;margin:0}}