.app-wrapper{background-color:#1a202c;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{background-color:#3182ce;border-radius:1rem;justify-content:center;align-items:center;width:100%;height:100%;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{background-color:#3182ce;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;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{background-color:#3182ce;border-radius:1rem;flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.faq-item:nth-child(odd):last-child{grid-column:span 2}.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{background-color:#3182ce;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:calc(33.33% - .666667rem);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}.contacts-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.contact{background-color:#3182ce;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:calc(33% - .666667rem);padding:1rem;display:flex}@media screen and (max-width:480px){.contact{width:calc(50% - .5rem)}}.contact-image-container{width:100%}.contact-image-container img{width:inherit;aspect-ratio:1;object-fit:contain;object-position:center}.experiences-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.experience{background-color:#3182ce;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;display:flex}.dates{justify-content:center;align-items:center;display:flex}.description{text-align:justify}.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{background-color:#3182ce;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;padding:.5rem;display:flex}@media screen and (max-width:480px){.repository{width:100%}}.repository h2{font-weight:700}.repository p{text-align:justify}.repository span{margin-top:auto}.home-page-container{height:85vh}.first-title,.second-title{color:#fff;font-family:PixelDigivolve,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{background-color:#3182ce;border-radius:1rem;flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem;width:100%;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}.project-description{text-align:justify;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:#1a202c;border-radius:1rem;padding:.25rem .5rem}.skills-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.skill{background-color:#3182ce;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:calc(25% - .75rem);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}.content-wrapper{position:relative}.footer-wrapper{z-index:9999;background-color:#3182ce;border-top:4px solid #2c5282;justify-content:center;align-items:center;gap:2rem;height:100%;display:flex}.footer-contact,.alt-text{color:#fff;font-family:PixelDigivolve,sans-serif;font-size:1rem}.header-wrapper{z-index:9999;background-color:#3182ce;border-bottom:4px solid #2c5282;height:100%}@media screen and (max-width:480px){.header-wrapper{border-bottom:unset;width:100vw;height:100vh;position:fixed;top:0;left:0}}.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%;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;font-family:PixelDigivolve,sans-serif;font-size:1.5rem;font-weight:700}.mobile-menu-close{position:absolute;top:0;right:0}.mobile-menu-open{z-index:9999;position:absolute;top:0;right:0}@font-face{font-family:OpenSans;src:url(/fonts/OpenSans-Medium.ttf)format("truetype");font-display:swap}@font-face{font-family:PixelDigivolve;src:url(/fonts/Pixel%20Digivolve.otf)format("opentype");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;margin:4rem 0 2rem;font-family:PixelDigivolve,sans-serif;font-size:3rem}.title:first-of-type{margin:1rem 0 2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a202c}::-webkit-scrollbar-thumb{background:#3182ce;border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:#a0aec0}