footer{align-self:center;margin-top:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:20px;width:70%}footer h2{margin-bottom:25px}footer .personal-info{display:flex;flex-direction:column;gap:2px}footer .personal-info a{display:flex;gap:3px;padding:5px 10px;border-radius:3px;transition:transform .3s}footer .personal-info a:hover{background-color:#dae2d3;color:#0d11ff;transform:scale(1.04);transition:transform .3s}footer .personal-info img{width:20px;height:20px}footer p{margin-top:30px}footer .personal-info a{font-weight:800}@media (max-width: 500px){footer{width:100%;margin-top:5px;padding-top:16px}footer h2{margin-bottom:16px;text-align:center}footer a{text-align:center;width:auto;height:21px}footer a .name{transform:translateY(1px)}}header{display:flex;justify-content:center;align-items:center;gap:150px;margin:50px 0 60px}header .logo{display:flex;flex-direction:column;width:300px;font-size:20px}header .logo .heading-first-name{width:100%;margin:0;padding-left:0;transition:.8s}header .logo .heading-first-name:hover{width:100%;padding-left:140px}header .logo .heading-last-name{margin:0;padding:0 0 0 50px;transition:padding .8s}header .logo .heading-last-name:hover{padding:0 75px 0 0}header .heading-nav{display:flex;justify-content:end;align-items:center;width:160px;gap:10px;font-size:var(--anchor-font-size-link);color:#000c}header .heading-nav .nav-wrapper a{transition:transform .2s ease;padding-bottom:2px;width:70px}header nav a:hover{transform:scale(1.1);font-size:large}@media (max-width: 500px){:root{--anchor-font-size-link: 1rem;--font-size: 1rem}header{flex-direction:column;gap:10px!important;padding-top:10px}header .logo{width:100%;font-size:22px;align-items:center;text-align:center;margin-bottom:40px}header .logo .heading-first-name,header .logo .heading-last-name{padding:0!important;transition:none!important}.heading-nav{font-size:var(--anchor-font-size-link);gap:16px;bottom:0;justify-content:center;width:100%}header .heading-nav .nav-wrapper{height:auto;top:0;right:0;text-align:center}header .heading-nav .nav-wrapper .navigation,header .heading-nav .nav-wrapper.home .navigation{box-shadow:none!important;bottom:0!important}}