html{font-size:62.5%}*{box-sizing:border-box}.page{padding:0;margin:0;height:100vh;max-width:200rem}.banner{max-width:100vw;margin:0 auto;max-height:50rem;display:flex;justify-content:center}.banner img{margin:0 auto;max-width:100%;object-fit:cover}#intro{max-width:120rem;margin:20px auto 0}.intro-header h1{text-decoration:underline;margin:0}.introduction{display:flex;margin-top:0}.about-me{font-size:2.4rem;max-width:60%;padding:10px;margin:0}.introduction img{max-width:40%;margin-left:1rem;object-fit:scale-down;border-radius:2.4rem}.projects{max-width:120rem;margin:1rem auto}.projects-header{text-decoration:underline}.image-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"col-1 col-2";width:100%;height:100%;border-bottom:1px solid #212121}.image-container:last-of-type{border:none}.image-container img{max-width:100%;object-fit:scale-down;grid-area:col-1;margin:10px 0}.title-container{grid-area:col-2;text-align:center;width:100%;height:100%;align-Items:center;justify-content:center}.image-container:nth-child(2n) img{grid-area:col-2}.image-container:nth-child(2n) .title-container{grid-area:col-1}.image-container:hover .title-container{align-self:flex-start}.title{font-size:3.6rem}.description{font-size:2.4rem;padding:1rem}.nav-bar{max-width:100%;background-color:#177986;display:flex;justify-content:space-between;align-items:center}.logo{max-width:4rem;margin-left:.5rem}.nav-list{height:100%;margin:0;padding:0}.nav-list ul{margin:0;padding:0;display:flex!important;height:100%}.nav-list li{list-style-type:none}.nav-list li a{text-decoration:none;display:block;padding:1rem;font-size:2.4rem;color:#fff}.nav-list li:hover{height:100%;background-color:#12616b}.nav-menu{position:absolute;top:.5rem;right:2rem;font-size:3rem;color:#fff;display:none}a{text-decoration:none}a:link,a:visited{color:#fff}.footer{margin:1rem auto;max-width:120rem;border-top:1px solid #002424}.footer-title{text-decoration:underline}.socials{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10rem}.footer a{color:#002424}.info{margin:0}.info p{margin:0;font-size:2.4rem;line-height:4.8rem}h1,p{color:#002424}body{background-color:#f4c672;font-family:Rubik}@media (max-width: 50em){.nav-bar{display:flex;flex-direction:column;align-items:flex-start}.nav-list{display:none;width:100%}.nav-list ul{flex-direction:column;width:100%}.nav-list li{text-align:center}.nav-menu,.nav-list.active{display:flex}.introduction{flex-direction:column;max-width:100%;align-items:center}.intro-header{margin-left:2.4rem}.about-me{max-width:90%}.introduction img{max-width:50%}.image-container{display:flex;flex-direction:column;align-items:center;max-width:85%;margin:auto}.projects-header,.footer-title{margin-left:2.4rem}}body{margin:0;padding:0;border:0}html{margin:0;font-size:62.5%}