.home-main{margin:0 auto;max-width:75%}.home-main h1{margin-bottom:1rem}.home-main ul{margin-top:1rem;display:flex;flex-direction:column;font-size:1.25rem;list-style-position:inside;gap:.75rem}.contact-main{margin:0 auto;max-width:75%}.contact-main h1{margin-bottom:1rem}.instagram-img{width:5rem;height:5rem}.instagram-img:hover{opacity:.7;transform:scale(1.25)}.join{display:flex;flex-direction:row;align-items:center;gap:1rem;justify-content:center}.join a{color:inherit;text-decoration:none}.join a:hover,.join a:focus{color:#474747}.team-main{margin:0 auto;max-width:75%}.team-main h1{margin-bottom:1rem}.person-img{height:10rem;width:auto;border-radius:50%;margin-bottom:.5rem;filter:drop-shadow(0rem 0rem .25rem white)}.projects-main{margin:0 auto;max-width:90%}@media(max-width:1010px){.projects-main{max-width:95%}}.projects-main h1{margin-bottom:1rem}.projects-main h2{margin-bottom:.5rem}.projects-main .project-thumb{width:15rem;padding:.5rem}.a-project{margin-bottom:2.5rem;border-top:hsl(0,0%,80%) 2px dotted}.project-thumb{cursor:pointer;transition:transform .2s ease}.project-thumb:hover{transform:scale(1.03)}.image-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000}.image-modal{max-width:90vw;max-height:90vh}header{width:100%;margin-bottom:1rem;position:sticky;top:0;z-index:1000;background-color:#000}nav{width:fit-content;margin:0 auto;display:flex;align-items:center;gap:5rem;margin-bottom:1rem}@media(max-width:1010px){nav{display:flex;flex-direction:column;gap:1rem}}.logo{display:flex;align-items:center;gap:1rem}.logo-text{text-align:left}.logo-img{width:5rem;height:5rem}.nav-links{display:flex;list-style-type:none;gap:2rem;font-size:2rem}nav a{color:#fff;text-decoration:none}nav a:hover{color:#474747}nav a.active{color:#474747;text-decoration:underline;text-decoration-color:#474747;text-underline-offset:.5rem}footer{margin:0 auto;margin-top:3rem}html,body{background-color:#000;color:#fff;font-size:100%;font-weight:700}.app{margin:0 auto;max-width:90rem;display:flex;flex-direction:column;text-align:center;padding:1rem 3rem}@media(max-width:1010px){.app{padding:1rem .75rem}}*,*:before,*:after{margin:0;padding:0}h1{font-size:2rem;color:#474747}h2{color:#18387c;font-size:1.75rem}p{font-size:1.25rem}.grey{color:#474747}.blue{color:#18387c}@media(max-width:600px){html{font-size:85%}}@media(max-width:500px){html{font-size:70%}}@media(max-width:420px){html{font-size:60%}}@media(max-width:360px){html{font-size:50%}}