.app-wrapper{background-color:#0f172a;grid-template-rows:10vh 85vh 5vh;grid-template-areas:"header""main-content""footer";display:grid}@media screen and (max-width:480px){.app-wrapper{grid-template-rows:1fr;grid-template-areas:"main-content"}}.header{grid-area:header}.content{grid-area:main-content;overflow-y:auto}.footer{grid-area:footer}@media screen and (max-width:480px){.footer{display:none}}.page-wrapper{width:50%;margin:auto auto 1rem}@media screen and (max-width:480px){.page-wrapper{width:calc(100% - 2rem);margin:0 1rem 1rem}}.icon-container img{width:inherit;object-fit:contain;object-position:center;aspect-ratio:1}.title-container{justify-content:center;align-items:center;gap:.5rem;display:flex}.about-me-container{border-radius:1rem;grid-template-columns:1fr 1fr;align-items:center;gap:1rem;display:grid}@media screen and (max-width:480px){.about-me-container{grid-template-columns:unset}}.about-me-image-container{width:100%;height:100%;box-shadow:var(--box-shadow);background-color:#1e293b;border-radius:1rem;justify-content:center;align-items:center;padding:1rem;display:flex}.about-me-image-container img{width:inherit;object-fit:contain;object-position:center;aspect-ratio:1;border-radius:1rem}.about-me-description{width:100%;height:100%;box-shadow:var(--box-shadow);background-color:#1e293b;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.about-me-description p{text-align:center;border-radius:1rem;padding:.5rem;font-size:1.25rem}.faq-container{border-radius:1rem;grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media screen and (max-width:480px){.faq-container{grid-template-columns:unset;flex-direction:column;justify-content:center;align-items:center;display:flex}}.faq-item{box-shadow:var(--box-shadow);background-color:#1e293b;border-radius:1rem;flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.faq-item:nth-child(odd):last-child{grid-column:span 2}.question{font-family:Jersey25,sans-serif;font-size:2rem}.question,.answer{text-align:center}.hobbies-container{border-radius:1rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}@media screen and (max-width:480px){.hobbies-container{flex-direction:column}}.hobby-item{width:calc(33.33% - .666667rem);box-shadow:var(--box-shadow);background-color:#1e293b;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}@media screen and (max-width:480px){.hobby-item{width:100%}}.hobby-image-container{width:100%;position:relative}.hobby-image-container img{width:inherit;aspect-ratio:1;object-fit:contain;object-position:center;border-radius:1rem}.image-author{color:#fff;text-align:center;background-color:#00000080;border-top-right-radius:1rem;border-bottom-left-radius:1rem;padding:.25rem 1rem;position:absolute;bottom:.5rem;left:.5rem}.hobby-name{text-align:center;padding:.5rem;font-family:Jersey25,sans-serif;font-size:2rem}.contacts-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:50%;margin:auto;display:flex}@media screen and (max-width:480px){.contacts-container{width:unset}}.contact{width:calc(50% - .5rem);box-shadow:var(--box-shadow);background-color:#1e293b;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.contact-image-container{width:100%}.contact-image-container img{width:inherit;aspect-ratio:1;object-fit:contain;object-position:center}.contact-name{font-family:Jersey25,sans-serif;font-size:2rem}.experiences-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.experience{width:100%;box-shadow:var(--box-shadow);background-color:#1e293b;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.position{font-family:Jersey25,sans-serif;font-size:2rem}.dates{justify-content:center;align-items:center;display:flex}.description{text-align:center}.experience-skills{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.experience-skill{background-color:#0f172a;border-radius:1rem;width:96px;height:96px;padding:.5rem}@media screen and (max-width:480px){.experience-skill{flex-direction:column;justify-content:center;align-items:center;width:128px;height:192px;display:flex}}.experience-skill img{object-fit:contain;object-position:center;width:100%;height:100%}.experience-skill h2{text-wrap:wrap;text-align:center;font-family:Jersey25,sans-serif;font-size:2rem}.repositories-container{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media screen and (max-width:480px){.repositories-container{grid-template-columns:unset;flex-direction:column;justify-content:center;align-items:center;display:flex}}@media screen and (min-width:481px){.repositories-container a:nth-child(odd):last-child{grid-column:span 2;width:50%;margin:auto}}.repository{height:100%;box-shadow:var(--box-shadow);background-color:#1e293b;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;display:flex}@media screen and (max-width:480px){.repository{width:100%}}.repository h2{font-family:Jersey25,sans-serif;font-size:2rem;font-weight:700}.repository p{text-align:center}.repository span{margin-top:auto}.home-page-container{height:85vh}.first-title,.second-title{color:#fff;text-shadow:var(--text-shadow);font-family:BitcountSingle,sans-serif;font-size:4rem;position:absolute;top:50%;transform:translateY(-50%)}@media screen and (max-width:480px){.first-title,.second-title{top:unset;font-size:3rem}}.first-title{left:4rem}@media screen and (max-width:480px){.first-title{top:1rem;left:50%;transform:translate(-50%)}}.second-title{right:4rem}@media screen and (max-width:480px){.second-title{bottom:1rem;right:50%;transform:translate(50%)}}.hero-image-container{width:100%;height:100%;padding:4rem}.hero-image-container img{height:inherit;width:inherit;object-position:center;object-fit:contain}.projects-container{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media screen and (max-width:480px){.projects-container{grid-template-columns:unset;flex-direction:column;justify-content:center;align-items:center;display:flex}}.project{width:100%;box-shadow:var(--box-shadow);background-color:#1e293b;border-radius:1rem;flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem;padding:1rem;display:flex}@media screen and (min-width:481px){.project:first-of-type{grid-column:span 2}}@media screen and (min-width:481px){.project:nth-child(2n):last-child{grid-column:span 2;width:50%;margin:auto}}.project-image-container{width:100%}.project-image-container img{width:inherit;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:1rem}.project-title{text-align:center;font-family:Jersey25,sans-serif;font-size:3rem}.project-description{text-align:center;border-radius:1rem;padding:.5rem}.project-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:auto;display:flex}.project-link{background-color:#0f172a;border-radius:1rem;padding:.25rem .5rem}.skills-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.skill{width:calc(25% - .75rem);box-shadow:var(--box-shadow);background-color:#1e293b;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}@media screen and (max-width:480px){.skill{width:calc(50% - .5rem)}}.skill-image-container{width:100%}.skill-image-container img{width:inherit;aspect-ratio:1;object-fit:contain;object-position:center}.skill h2{text-wrap:nowrap;font-family:Jersey25,sans-serif;font-size:2rem}.content-wrapper{position:relative}.footer-wrapper{z-index:9999;background-color:#1e293b;border-top:4px solid #020617;justify-content:center;align-items:center;gap:2rem;height:100%;display:flex}.footer-contact,.alt-text{color:#fff;text-shadow:var(--text-shadow-link);font-family:Jersey25,sans-serif;font-size:1.5rem}.header-wrapper{z-index:9999;background-color:#1e293b;border-bottom:4px solid #020617;height:100%}@media screen and (max-width:480px){.header-wrapper{border-bottom:unset;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}}@media screen and (max-width:480px){.header-wrapper.mobile-open{display:flex!important}}.header-links{justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;display:flex}@media screen and (max-width:480px){.header-links{flex-direction:column}}.avatar-container{aspect-ratio:1;border-radius:100%;outline:4px solid #0f172a;height:calc(10vh - 2rem);overflow:hidden}.avatar-container img{height:inherit;width:inherit;object-fit:contain;object-position:center}@media screen and (min-width:481px){.header-link-left{justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;left:2rem}}.header-link,.header-link-left{color:#fff;text-shadow:var(--text-shadow-link);font-family:Jersey25,sans-serif;font-size:2rem;font-weight:700}.mobile-menu-close{position:absolute;top:0;right:0}.mobile-menu-open{z-index:9999;position:absolute;top:0;right:0}:root{--text-shadow:4px 4px #1e293b;--text-shadow-link:4px 4px #0f172a;--box-shadow:0 10px 15px -3px #0006, 0 4px 6px -2px #0003}@font-face{font-family:OpenSans;src:url(/fonts/OpenSans.woff2)format("truetype");font-display:swap}@font-face{font-family:BitcountSingle;src:url(/fonts/BitcountSingle.woff2)format("truetype");font-display:swap}@font-face{font-family:Jersey25;src:url(/fonts/Jersey25.woff2)format("truetype");font-display:swap}*{box-sizing:border-box;color:#fff;margin:0;padding:0;font-family:OpenSans,sans-serif}a{text-decoration:none}.title{text-align:center;text-shadow:var(--text-shadow);margin:4rem 0 2rem;font-family:BitcountSingle,sans-serif;font-size:3rem}.title:first-of-type{margin:1rem 0 2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:#38bdf8}