footer{display:flex;align-items:start;margin:12.8rem auto 4.8rem;text-align:center;width:35%;justify-content:center;padding-bottom:5rem}footer ul{display:flex;justify-content:space-around;gap:3rem}footer ul li{list-style:none;cursor:pointer}footer ul li a{text-decoration:none;color:#fff;font-size:2rem}.social-logo{font-size:3.8rem;color:#e6c687a4}@media (max-width:23em){footer{padding-bottom:8.8rem}}.nav-container{height:100vh;background-color:#111;width:43rem;gap:10rem;position:fixed}.nav-container,.title-container{display:flex;flex-direction:column;align-items:center}.title-container{text-align:center}.profile-img{width:26rem;border-radius:50%;margin-top:10.6rem;margin-bottom:1.6rem}.title-container h1{font-size:4.5rem;font-weight:800;margin-bottom:.8rem}.nav-list{list-style:none;display:flex;flex-direction:column;gap:6.6rem}.nav-btn{display:none}.nav-list a{text-decoration:none;color:#fff;opacity:.7;font-size:3rem}.nav-list li a{display:flex;align-items:center;justify-content:start;gap:8px}.nav-list li a span:first-child{font-size:4.4rem;color:#b3b3b3}.nav-list li a:hover{text-decoration-line:underline}@media (max-width:64em){.nav-container{width:180px}}@media (max-width:74em){.nav-container{width:48rem}}@media (max-width:57em){.nav-container{width:43rem}}@media (max-width:48em){.nav-container{flex-direction:row;height:66px;width:100%;position:absolute;justify-content:space-between;padding:0 20px}.nav-btn{font-size:5.5rem;margin-top:.8rem;display:block}.title-container{flex-direction:row}.profile-img{width:8rem;margin:.8rem 1rem 0 .8rem}.title-container h1{font-size:2.8rem;margin:.8rem 0 0 .8rem}.btn{position:static}.main-about-content p{margin-bottom:5rem}.list-container{display:none}.drop-nav-list a{text-decoration:none;color:#fff;opacity:.7;font-size:2.4rem}.drop-nav-list li a{display:flex;align-items:center;justify-content:start;gap:8px}.drop-nav-list li a span:first-child{font-size:3.6rem;opacity:.7}.drop-nav-list li a:hover{text-decoration-line:underline}.drop-nav-list{position:absolute;left:25px;top:25px;list-style:none;display:flex;flex-direction:column;gap:4.6rem}.drop-list-container{width:100%;background-color:#000;position:absolute;display:block;left:0;top:65px;height:180px;border-radius:0 0 25px 25px}.main-container{justify-content:center}.main-section{margin-left:auto;margin-right:auto;margin-top:12rem}}.slider{width:100%;overflow:hidden}.slides{display:flex}.slide{min-width:100%;transition:transform .5s ease;object-fit:cover}.projects-container img{height:50.5rem;object-position:top}.projects-tech-list{margin:1.8rem 0}.projects-tech-list li{font-size:1.6rem;padding:.8rem 1.6rem}.projects-container div a{color:#fff}.projects-container{display:flex;flex-direction:column;width:100%;border:.0625rem solid hsla(0,0%,100%,.1);background-color:#1c1c1c!important}.project-media-container{position:relative;display:block;overflow:hidden;border-radius:2.5rem 2.5rem 0 0}.project-image,.project-video{width:100%;height:50.5rem;object-fit:cover;border-radius:2.5rem 2.5rem 0 0;transition:opacity .3s ease-in-out}.project-video{position:absolute;top:0;left:0;opacity:0;z-index:2;height:auto}.project-image{position:relative;opacity:1;z-index:1}.project-media-container:hover .project-image{opacity:0}.project-media-container:hover .project-video{opacity:1}.projects-container img{width:100%;height:60.5rem;object-fit:cover;border-radius:2.5rem 2.5rem 0 0}.projects-tech-list{display:flex;gap:1.5rem;margin:1.2rem 0}.projects-tech-list li{list-style:none;font-size:2rem;border:.0625rem solid hsla(0,0%,100%,.1);padding:1rem 1.8rem;color:#b3b3b3;border-radius:.5rem}.projects-container div{padding:1.2rem;background-color:#1c1c1c!important}.projects-container div h3{font-size:2.8rem;font-weight:500;letter-spacing:.1rem}.projects-container div a{font-size:1.8rem;color:#b3b3b3}.projects-container div div{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}