body{background-color:#292929}.page-content{padding-top:1rem}.title{position:fixed;display:flex;top:0;margin-top:1rem;text-align:center;margin-right:5rem;color:#000;z-index:998;margin-left:1rem;border:solid 1px black;padding:7px}.responsive-iframe-container{display:flex;flex-direction:column;aspect-ratio:1 / 1.5;width:100%;max-width:400px;height:auto;overflow:hidden;border-radius:10px;border:2px solid #ccc}.responsive-iframe-container iframe{width:100%;height:100%;border:none}.page-content{display:inline-block;justify-content:center;align-content:center;align-items:center}@media (max-width: 900px){.title{justify-content:left;left:0;margin-left:1rem;font-size:3vw}}.project-grid li{display:inline-block;list-style:none;margin-right:10vw;margin-bottom:10vh;margin-top:120px}@media (max-width: 600px){.project-grid{grid-template-columns:1fr}}@media (max-height: 600px){.responsive-iframe-container{height:60vh;width:30vw}}.projectButton{background-color:#70b97c;border:solid 2px black;font-style:oblique;font-weight:700;color:#000}.projectButton:hover{cursor:pointer;background-color:#3d6343}.display-project{background-color:#000000a4;position:fixed;right:0;bottom:0;margin-right:2vw;margin-bottom:3vh;display:flex;opacity:0;justify-content:center;text-align:center;align-items:center;z-index:-1;width:40vw;height:85vh;transition:all 1 ease-in-out}.display-project.active{opacity:1;z-index:995}.display-project.active div{width:100%;height:100%;scrollbar-color:black;box-shadow:0 0 50vw #00000098}.display-project.active .inner-content h1{display:fixed;width:100%;margin-top:1rem;justify-content:center;align-content:center;text-align:center;font-size:6vw}:root{--nav-h: clamp(56px, 8vw, 80px)}.navbar{position:sticky;top:0;height:var(--nav-h);display:flex;align-items:center;padding:0 1rem;background:#fff;border-bottom:1px solid #e5e7eb;z-index:1}.navbar-container{display:flex;justify-content:space-between;align-items:center;margin:0 auto}.logo{font-size:1.5rem;font-weight:bolder;color:#222;text-decoration:none;border-style:solid;border-top:none;border-right:none;transition:color .3s ease;z-index:999}.logo:hover{color:#bb3636}.nav-links a{margin-left:1.5rem;color:#000;font-weight:700;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#bb3636}.hamburger{display:none;flex-direction:column;position:absolute;cursor:pointer;left:0;margin-left:90vw}.bar{width:25px;height:3px;background-color:#000;margin:3px 0;transition:all .3s ease}@media (max-width: 900px){.hamburger{display:flex}.nav-links{display:none;margin-top:7rem;right:0;font-size:2vw;position:absolute;background-color:#fff;flex-direction:column;padding:.75rem;border-radius:5px}.nav-links.active{display:flex}.navbar{height:8vw}.logo{font-size:4vw}}html,body{height:100%;margin:0}#root,body{display:flex;flex-direction:column}.footer{background-color:#fff}main{flex:1}