header{padding:1em 0.5em}header a{text-decoration:none;color:gray}header a:hover{color:black}footer{margin-top:1em;padding:3em 0.5em}.gray-btn{border:none;border-radius:2em;padding:0.4em 1em;cursor:pointer;text-decoration:none;background-color:#eee;color:black}.gray-btn:hover{background-color:black;color:white}#introduction{margin:4em auto;display:flex;gap:1em;align-items:center;max-width:70em}#introduction-image img{flex-basis:30%;max-width:20em;border-radius:1em}#introduction-items{display:flex;flex-direction:column;gap:34px;flex-basis:70%}#project-header{display:flex;flex-direction:column;gap:16px}.project-header-image{width:100%;height:auto}#project-details{display:flex;flex-direction:column;gap:16px}.project-details-content{display:flex;flex-direction:column;gap:34px}#project-gallery{display:flex;flex-direction:column}.project-gallery-content{display:flex;flex-wrap:wrap}.gallery-image-container{width:100%;display:flex;flex-direction:column}.gallery-image-container.half-width{width:calc((100% - 16px) / 2)}.gallery-image{width:100%;height:auto}.right-arrow-icon{width:16px;height:16px;margin-top:1px}.footer-icon{height:25px}a.icon-link{transition:transform 200ms ease-in-out;padding:0.3em}a.icon-link:hover{cursor:pointer;stroke-width:5;margin:0;transform:rotate(15deg);border-radius:0.5em;outline-offset:10px;background-color:white;box-shadow:0 0.3em 1em rgba(0,0,0,0.3)}.navbar{width:100%;padding:30px 50px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0}.nav-title-link{color:black;text-decoration:none}.nav-title-link:hover{text-decoration:underline}@media only screen and (max-width: 800px){.navbar{padding:20px 20px;background-color:#fff}}a.button{padding:8px 16px;border:3px solid #141414;border-radius:50px;color:black;text-decoration:none;width:fit-content;display:flex;gap:5px;align-items:center}a.button:hover{text-decoration:underline;text-decoration-thickness:2px;cursor:pointer}#footer{width:100%;display:flex;padding:30px 50px;justify-content:center;align-items:center;gap:16px}a.no-underline{text-decoration:none;color:#000}a.no-underline:hover{text-decoration:underline;cursor:pointer}@media only screen and (max-width: 800px){#footer{padding:20px 20px}}#header-links{width:100%;display:flex;justify-content:left;align-items:left;gap:8px}body{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}.grid{display:flex;gap:0.3em;flex-wrap:wrap;justify-content:left}.grid-item{width:17em;height:100%;color:buttontext;text-decoration:none;transition:transform 200ms ease-in-out;padding:0.7em;border-radius:1em;background-color:white;transform-style:preserve-3d}.grid-item:hover{transform:rotate(3deg) translate3d(0, 0, 0);background-color:white;box-shadow:0 1em 3em rgba(0,0,0,0.3);z-index:10}.grid-item-image{width:100%;height:auto;object-fit:cover;object-position:center;border-radius:1em}.blog{position:absolute;right:0.3em;top:0em;height:100%;transform:scale(0.8)}.role{color:lightcoral}.tag{color:dodgerblue}.filters{display:flex;gap:0.5em;flex-wrap:wrap;margin:1em}.filters button,.filters select{border:none;border-radius:2em;padding:0.4em 1em;cursor:pointer;background-color:#eee;position:relative;display:flex;gap:8px;height:2.2em}.filters button.active,.filters select.active{background-color:black;color:white}.filters button.active img,.filters select.active img{filter:invert(1)}.filter-blog{margin-left:2em;margin-right:2em}.back{position:sticky;top:1em;text-decoration:none;border:none;border-radius:2em;margin:1em;padding:0.4em 0.8em;cursor:pointer;background-color:#eee;color:black}.back:hover{background-color:black;color:#eee}.content{font-size:18px}.content img{height:20em;object-fit:cover}.content blockquote{color:#666}.content figcaption{display:block;position:relative;color:gray;width:auto}*{box-sizing:border-box}html{text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";margin:auto;width:90em;display:flex;flex-direction:column;min-height:100vh}main{flex:1}img{border-radius:0.5em}@media only screen and (max-width: 1600px){body{width:70em}}@media only screen and (max-width: 1200px){body{width:57em}}@media only screen and (max-width: 1000px){body{width:40em}}@media only screen and (max-width: 800px){body{width:35em}}@media only screen and (max-width: 600px){body{width:30em}}.nav-title{font-weight:700;font-size:24px}.button-text{font-size:14px;font-weight:700}.image-caption{font-size:14px;font-weight:500}.main-title{font-size:40px;font-weight:700}.subheader-text{font-size:1.3em;font-weight:700}.body-text{font-size:16px;font-weight:500}.project-card-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.project-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}