header{flex-direction:column;justify-content:space-between;max-height:100vh;padding:6em 0;display:flex;position:sticky;top:0}@media (max-width:1024px){header{padding:unset;position:unset}}
.title-section .title-section__title{font-size:3em}.title-section .title-section__subtitle{margin-top:.75em;font-size:1.25em;font-weight:400}.title-section .title-section__desc{color:#8892b0;margin-top:1em}@media (max-width:640px){.title-section .title-section__title{font-size:2.25em}.title-section .title-section__title .title-section__subtitle{font-size:1.125em}}
nav{color:#8892b0;flex-direction:column;margin-top:4em;display:flex}nav .nav__link{text-transform:uppercase;letter-spacing:1px;align-items:center;gap:1em;width:fit-content;padding:1em 0;font-size:.75em;font-weight:700;transition:color .1s ease-in-out;display:flex}nav .nav__link .nav__link-line{background-color:#8892b0;width:2.5em;height:1px;transition:background-color .1s ease-in-out,width .1s ease-in-out}nav .nav__link:hover,nav .nav__link.active{color:#e6f1ff}nav .nav__link:hover .nav__link-line,nav .nav__link.active .nav__link-line{background-color:#e6f1ff;width:5em}@media (max-width:1024px){nav{display:none}}
.social-media{gap:1em;margin-top:2em;display:flex}.social-media a svg{color:#8892b0;width:28px;height:28px;transition:color .2s ease-in-out}.social-media a:hover svg{color:#5eead4}
main{padding:6em 0}
.about-section{color:#8892b0;line-height:1.7}.about-section .about-section__paragraph{margin-bottom:.75em}.about-section .about-section__paragraph .paragraph__link{color:#e6f1ff;transition:color .1s ease-in-out}.about-section .about-section__paragraph .paragraph__link:hover{color:#5eead4}.about-section .about-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){.about-section .about-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){.about-section .about-section__header{margin:0 -1.5em 1.5em;padding:1.5em}}
.experience-section{margin-top:9em}.experience-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){.experience-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){.experience-section .section__header{margin:0 -1.5em 1.5em;padding:1.5em}}@media (max-width:1024px){.experience-section{margin-top:4em}}@media (min-width:1025px){.experience-section:hover .tile{opacity:.45}.experience-section:hover .tile:hover{opacity:1}}
.tile{gap:3%;margin-bottom:4em;transition:opacity .1s ease-in-out;display:flex;position:relative}.tile .tile--hover{border-radius:.5em;width:110%;height:120%;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out;position:absolute;inset:-10% -5%}.tile .tile__content{width:80%}.tile .tile__content .tile__link{width:fit-content;display:flex}.tile .tile__content .tile__link .tile__title{width:fit-content;margin-top:-1.5px;font-weight:400;transition:color .1s ease-in-out;position:relative}.tile .tile__content .tile__link .tile__title .arrow-icon{transition:transform .1s ease-in-out;transform:translateY(3px)}.tile .tile__content .tile__link .tile__title:hover{color:#5eead4}.tile .tile__content .tile__link .tile__title:hover .arrow-icon{color:#5eead4;transform:translate(5px)}.tile .tile__content .tile__subtitle{color:#495670;margin-top:.25em;position:relative}.tile .tile__content .tile__desc{color:#8892b0;margin:.5em 0;font-size:.875em;line-height:1.5;position:relative}.tile .tile__content .tile__stats{width:fit-content;margin:.75em 0;display:flex;position:relative}.tile .tile__content .tile__stats .tile__stat{align-items:center;gap:.2em;padding-right:1em;font-size:.875em;transition:color .1s ease-in-out;display:flex}.tile .tile__content .tile__stats .tile__stat svg{width:12px;height:12px}.tile .tile__content .tile__stats .tile__stat:hover{color:#5eead4}.tile .tile__content .tile__tags{flex-wrap:wrap;gap:1em;width:fit-content;margin:1.5em 0;font-size:.875em;display:flex;position:relative}.tile .tile__content .tile__tags .tag__link{align-items:center;transition:color .1s ease-in-out;display:flex}.tile .tile__content .tile__tags .tag__link .link-icon{margin-right:4px}.tile .tile__content .tile__tags .tag__link:hover{color:#5eead4}.tile .tile__content .tile__tech-stack{flex-wrap:wrap;gap:.5em;margin-top:1em;display:flex;position:relative}@media (max-width:640px){.tile .tile__content{width:unset}}.tile .tile__time-frame{color:#8892b0;letter-spacing:.025em;text-transform:uppercase;width:35%;font-size:.75em;position:relative}@media (max-width:1024px){.tile .tile__time-frame{width:30%}}@media (max-width:640px){.tile .tile__time-frame{width:fit-content}}.tile .tile__image{object-fit:contain;border:3px solid #e2e8f01a;border-radius:.25em;width:26%;height:fit-content;transition:border-color .2s ease-in-out}.tile:hover .tile--hover{background-color:#ffffff05;box-shadow:inset 0 1px #94a3b81a}.tile:hover .tile__image{border-color:#e2e8f04d}@media (max-width:640px){.tile{flex-direction:column;gap:.5em}}@media (max-width:1024px){.tile .tile--hover{display:none}}