html,body{margin:0;width:100%}a{all:unset;cursor:pointer}html{background-color:#000}#header{display:flex;flex-direction:column;align-items:center;justify-items:center;padding:2vh;background-color:#000;border-bottom:2px solid #EEEEEE}#header-name{margin:-1vw 0;font-size:clamp(1rem,6vw,20rem);color:#eee}#header-subtitle{margin:0;font-size:clamp(.5rem,2.4vw,20rem);color:#eee}.projects-2{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.projects-3{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}.project-container{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-items:center;box-shadow:inset 0 0 5vw #000}.project-card{width:100%;height:100%;padding:2vw;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-items:center;color:#eee;-webkit-backdrop-filter:grayscale(0%) brightness(100%);backdrop-filter:grayscale(0%) brightness(100%);filter:opacity(0%);transition:all .2s ease-in-out}.project-container:hover .project-card{-webkit-backdrop-filter:grayscale(50%) brightness(25%);backdrop-filter:grayscale(50%) brightness(25%);filter:opacity(100%)}.project-title{font-size:3rem}.project-description{font-size:1.5rem}.project-blurb{padding:1vw;margin:0 0 1vw;border-radius:2vw;border:1px solid #ff2e63;color:#ff2e63;font-size:2rem}.project-tags{display:flex;flex-direction:row;align-items:center;justify-items:center;gap:1vw;font-size:1rem}.project-tag{padding:1vw;border-radius:2vw;border:1px solid #EEEEEE}#contact-info{position:fixed;bottom:0;right:0;margin:2vw;z-index:10;display:flex;flex-direction:row;gap:2vw;color:#fff}.contact-info-link{display:flex;flex-direction:row;align-items:center;justify-items:end;gap:1vw;padding:1vw;font-size:1.5rem;font-weight:700;border:2px solid #EEEEEE;border-radius:2vw;box-shadow:.5vw .5vw 1vw #000;background-color:#000}.contact-info-link:hover{filter:invert(1)}.contact-info-link p{margin:0}.roboto-light{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-variation-settings:"wdth" 100}.roboto-regular{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.roboto-heavy{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal;font-variation-settings:"wdth" 100}.permanent-marker-regular{font-family:Permanent Marker,cursive;font-weight:400;font-style:normal}