.projectsPage{width:100%;display:flex;flex-direction:column;align-items:center;min-height:100vh;position:relative}.projectsPage .projects{width:100%;display:flex;padding:4rem 1rem;gap:2rem}.projectsPage .projects .title{width:15rem}.projectsPage .projects .title h1{font-size:1.5rem;text-transform:uppercase}.projectsPage .projects .projectsColumn{width:calc(100% - 15rem);gap:3rem;display:flex;flex-direction:column}.projectPage{width:100%;display:flex;min-height:100vh;position:relative;padding:7rem 1rem;gap:2rem}.projectPage .details{width:18rem;display:flex;flex-direction:column}.projectPage .details h1{font-size:2rem;text-transform:uppercase;margin-bottom:2rem;font-weight:500;line-height:1.2}.projectPage .details h3{color:#666;text-transform:uppercase;font-weight:400}.projectPage .details p{font-weight:500;padding-bottom:1rem;font-size:1.15rem}.projectPage .projectImages{width:calc(100% - 18rem);display:flex;flex-direction:column;align-items:center;padding-top:1rem}.projectPage .projectImages .images{width:70%;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem}.projectPage .projectImages .images img{width:100%;height:auto;display:block}@media screen and (max-width:650px){.projectsPage .projects{padding:2rem 1rem;flex-direction:column;gap:1rem}.projectsPage .projects .title{width:100%}.projectsPage .projects .title h1{font-size:2rem}.projectsPage .projects .projectsColumn{width:100%}}@media screen and (max-width:900px){.projectPage .projectImages .images{width:100%}}@media screen and (max-width:650px){.projectPage{flex-direction:column;padding:5rem 1rem 1rem;gap:1rem}.projectPage .details{width:100%}.projectPage .details h1{margin-bottom:1rem}.projectPage .details p{padding-bottom:.5rem}.projectPage .projectImages{width:100%}}