footer{color:#495670;max-width:28em;margin-top:9em;font-size:.875em;line-height:1.45}footer .footer__link{color:#8892b0;transition:color .2s ease-in-out}footer .footer__link:hover{color:#5eead4}
.projects-section{margin-top:9em}.projects-section .section__header{color:#e6f1ff;letter-spacing:1px;text-transform:uppercase;padding:1.5em 3em;font-size:.875em;font-weight:700;display:none}@media (max-width:1024px){.projects-section .section__header{z-index:1;-webkit-backdrop-filter:blur(5px);background-color:#0f172a80;margin:0 -3em 1.5em;display:block;position:sticky;top:0}}@media (max-width:768px){.projects-section .section__header{margin:0 -1.5em 1.5em;padding:1.5em}}@media (max-width:1024px){.projects-section{margin-top:4em}}@media (min-width:1025px){.projects-section:hover .tile{opacity:.45}.projects-section:hover .tile:hover{opacity:1}}.projects-section .tile{align-items:flex-start;gap:6%}@media (max-width:1024px){.projects-section .tile{gap:3%}.projects-section .tile .tile__image{width:26.25%}}@media (max-width:640px){.projects-section .tile{flex-direction:column-reverse;gap:1em}.projects-section .tile .tile__image{width:12.5em}}.projects__archive{border-bottom:1px solid #0000;align-items:center;gap:.25em;width:fit-content;transition:gap .1s ease-in-out,border-bottom .1s ease-in-out;display:flex}.projects__archive span{border-bottom:1px solid #0000;transition:border-color .1s ease-in-out}.projects__archive:hover{gap:.75em}.projects__archive:hover span{border-color:#5eead4}
.education-section{margin-top:9em}.education-section .section__header{color:#e6f1ff;letter-spacing:1px;text-transform:uppercase;padding:1.5em 3em;font-size:.875em;font-weight:700;display:none}@media (max-width:1024px){.education-section .section__header{z-index:1;-webkit-backdrop-filter:blur(5px);background-color:#0f172a80;margin:0 -3em 1.5em;display:block;position:sticky;top:0}}@media (max-width:768px){.education-section .section__header{margin:0 -1.5em 1.5em;padding:1.5em}}@media (max-width:1024px){.education-section{margin-top:4em}}@media (min-width:1025px){.education-section:hover .tile{opacity:.45}.education-section:hover .tile:hover{opacity:1}}.education-section .tile .tile--hover{width:105%;height:200%;inset:-50% -5%}