.portrait{width:300px;height:auto;object-fit:cover;border-radius:50%;border:1px solid #000;box-shadow:0 4px 6px rgba(0,0,0,.1);display:block;margin:0 auto}@media (max-width: 768px){.portrait{width:275px}}@media (max-width: 480px){.portrait{width:225px}}a{color:#00e676;text-decoration:none;transition:color .3s ease}a:hover{color:#1aff8f}.animate-on-load{opacity:0;transform:translateY(15px)}header,section,footer{animation:fadeInUp .5s ease-in-out}@keyframes fadeInUp{from{opacity:.2;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preload{visibility:hidden}body{padding-top:30px;width:900px;margin:0 auto;background-color:#1a1a1a;font-size:16px;font-family:"Inter",sans-serif;color:#eaeaea;font-weight:400}header{width:270px;float:left;position:fixed}section{width:500px;float:right;padding-bottom:50px}footer{width:270px;float:left;position:fixed;bottom:15px}@media (max-width: 1024px){body{width:95%;padding:30px}section{width:100%;float:none;padding-bottom:30px}header,footer{position:static;width:100%;text-align:center}}@media (max-width: 768px){header,footer{position:static;float:none;display:flex;width:100%;flex-direction:column;align-items:center}body{padding:10px}section{padding-bottom:20px}}@media (max-width: 480px){body{padding:10px;font-size:14px}header,footer{width:100%;float:none;text-align:center}section{width:100%;float:none;padding-bottom:10px}}