@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{font-family:Open Sans,sans-serif;font-weight:650;line-height:1.25;margin:0;padding:0;font-size:1.5rem;background-color:#f2f2f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}.nav{display:flex;gap:1rem;padding:.5rem;align-items:center;background-color:#b0d9be;width:auto}.dropin{position:fixed;top:-100px;transition:top .3s}.drop{position:fixed;top:0;transition:top .3s;opacity:90%;z-index:10;width:100vw}a{text-decoration:none;color:#000}.nav-button{border-color:#000;border-radius:7px;border-width:4px;border-style:solid;padding:5px;height:100%;cursor:pointer}@media (max-width:450px){.nav-button{font-size:.75rem;border-width:3px}}.nav-button:hover{background-color:#f0f0f04d}.full{width:100%;padding-top:1rem;padding-bottom:2rem}.center-content{text-align:center}p{margin:0}h2{text-align:left;font-size:2rem;font-weight:700;margin:0;padding-left:1rem}#projects{background-color:#4d9666}.proj-list{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:1rem}.proj-button{display:flex;flex-direction:column;width:fit-content;align-items:center;position:relative;padding:10px;border:3px solid #B0D9BE;border-radius:5px;background-color:#b0d9be;box-shadow:2px 2px 10px #222230}.proj-button:hover{box-shadow:10px 10px 10px #222230}.proj-button img{height:200px}@media (max-width:500px){.proj-button img{height:150px}}.button-link{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}#bio p{width:50%;margin-left:auto;margin-right:auto}@media (max-width: 900px){#bio p{width:75%}}footer{margin:.5rem;font-size:.75rem;text-align:center}.greyout{position:fixed;width:100vw;height:100vh;background-color:#0a0a0a33;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.pane{padding:1rem;background-color:#b0d9be;border-radius:10px;box-shadow:0 0 20px #000}.pane a{border-color:#000;border-radius:7px;border-width:4px;border-style:solid;padding:5px;height:100%;cursor:pointer;margin:5px}.pane a:hover{background-color:#f0f0f04d}.pane .contact-buttons{padding-top:20px;padding-bottom:20px}@media (max-width:565px){.pane{font-size:.75rem}}h3{padding:0;margin:0}