@import url(https://fonts.googleapis.com/css2?family=Mea+Culpa&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Mea+Culpa&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Lusitana:wght@400;700&family=Mea+Culpa&display=swap);.header-navbar{animation-duration:.2s;animation-fill-mode:forwards;animation-name:HeaderNavbarFadeIn;color:#fff;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:99}.header-navbar__bar{align-items:center;background-color:#000;background-image:radial-gradient(circle at 0 75%,#ffffff1a,#0000),radial-gradient(circle at 100% 0,#ffffff0d,#0000,#0000);box-shadow:var(--box-shadow-01);color:#fff;display:flex;justify-content:space-between;padding:10px 15px;pointer-events:fill}.header-navbar__logo{font-family:Mea Culpa,sans-serif;font-size:1.75em}.header-navbar svg{font-size:1.75em}.header-navbar svg:hover{cursor:pointer}.header-navbar__menu{animation-duration:.2s;animation-fill-mode:forwards;display:flex;justify-content:flex-end;margin-top:-1px;opacity:0;transform:translateX(80px)}.header-navbar__menu.true{animation-name:HeaderNavbarMenuFadeIn}.header-navbar__menu.false{animation-name:HeaderNavbarMenuFadeOut}.header-navbar__menu>nav{display:flex;flex-direction:column;height:calc(100vh - 59px);padding:0}.header-navbar__menu>nav>p{border-radius:2px;padding:15px 20px;transition:background-color var(--transition-time-01);-webkit-user-select:none;user-select:none}.header-navbar__menu>nav>p:hover{background-color:var(--focus-color-01);cursor:pointer}@keyframes HeaderNavbarFadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:100%;transform:translateY(0)}}@keyframes HeaderNavbarMenuFadeOut{to{opacity:0;transform:translateX(80px)}0%{opacity:100%;transform:translateX(0)}}@keyframes HeaderNavbarMenuFadeIn{0%{opacity:0;transform:translateX(80px)}to{opacity:100%;transform:translateX(0)}}.intro-section{border-radius:0 0 30px 30px;box-shadow:var(--box-shadow-01);display:flex;flex-direction:column;gap:15px;justify-content:space-between;min-height:90vh}.intro-section__header{grid-column-gap:10px;align-items:center;column-gap:10px;display:grid;grid-template-columns:1fr .25fr 1fr;padding:15px 15px 0}.intro-section__header .head__email{flex-grow:2;font-family:monospace;font-size:1.25em;word-break:break-all}.intro-section__header .head__email:hover{cursor:pointer;text-decoration:underline}.intro-section__header .header__logo{font-family:Mea Culpa,sans-serif;font-size:1.75em;text-align:center}.intro-section__header nav{display:flex;flex-grow:1;flex-wrap:wrap;font-family:monospace;font-size:1.2em;justify-content:end}.intro-section__header nav p{border-radius:2px;padding:5px 10px;transition:background-color var(--transition-time-01)}.intro-section__header nav p:hover{background-color:var(--focus-color-01);cursor:pointer}@media (max-width:1030px){.intro-section__header{align-items:center;display:flex;justify-content:space-between}.intro-section__header .head__email{display:none}}@media (max-width:900px){.intro-section__header{align-items:center;display:flex;justify-content:center}.intro-section__header .head__email,.intro-section__header nav{display:none}}.intro-section__intro{align-items:center;display:flex;flex-direction:column;flex-grow:1;font-family:Lusitana,serif;gap:max(5vh,40px);justify-content:center;padding:0 20px}.intro-section__intro p{text-align:center}.intro-section__intro p:first-child{font-size:clamp(1.5em,4.75vw,2.25em)}.intro-section__intro p:nth-child(2){font-size:clamp(2.5em,8vw,4.5em)}.intro-section__intro>div{align-items:center;display:flex;flex-direction:column;gap:15px;padding-bottom:10px}.intro-section__intro>div p:first-child{font-size:clamp(1.5em,4.5vw,2.5em)}.intro-section__intro>div p:nth-child(2){font-size:clamp(1.15em,3.25vw,1.75em)}.intro-section__contact{align-items:center;column-gap:30px;display:flex;flex-wrap:wrap;font-size:clamp(1em,3vw,1.1em);justify-content:center;padding:0 20px 40px;row-gap:10px;word-break:break-all}.intro-section__contact>div{align-items:center;display:flex;gap:3px}.intro-section__contact>div:hover{cursor:pointer;text-decoration:underline}.intro-section__contact svg{font-size:1.5em}.skills-section{background-color:#fff;display:flex;flex-direction:column;gap:20px}.skills-section__skills-container{column-gap:50px;display:flex;flex-wrap:wrap;font-size:1.25em;justify-content:center;padding-left:10px;row-gap:20px}.project{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.075);border-radius:10px;border-right:1px solid var(--shine-border-color-01);border-top:1px solid var(--shine-border-color-01);box-shadow:var(--box-shadow-01);display:flex;flex-direction:column;gap:20px;padding:20px}.project h3{font-family:Lusitana,serif;font-size:1.5em;font-weight:400;text-align:center}.project h3:hover{cursor:pointer;text-decoration:underline}.project__content-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;row-gap:20px}.project-content-container__screenshot-container{align-items:center;display:flex;flex-direction:column;gap:10px;max-width:300px}.project__div-scroll-screenshots{background-color:#0003;box-shadow:var(--box-shadow-01);display:flex;gap:5px;overflow-x:scroll;padding-bottom:4px;position:relative;-webkit-user-select:none;user-select:none}.project-screenshot-miniature{border-radius:5px;transition:filter var(--transition-time-01);width:100%;z-index:9}.screenshot-clickable-area{height:calc(100% - 4px);left:0;position:absolute;top:0;z-index:10}.screenshot-clickable-area:hover{cursor:pointer}.project-screenshots-container__scroll-indicator{font-size:.75em;opacity:75%}.project__text-content-container{display:flex;flex-direction:column;flex-grow:1;gap:10px;max-width:410px}.project__text-buttons-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;gap:5px;justify-content:center;text-align:center}.project__text-button{background-image:linear-gradient(0deg,#ffffff1f,#0000);flex-grow:1;padding:10px 15px}.project__text-button.active,.project__text-button:hover{background-image:linear-gradient(0deg,#ffffff4d,#0000)}.project__text-button:hover{cursor:pointer}.project__text{animation-duration:var(--transition-time-01);animation-fill-mode:forwards;animation-name:FadeIn}.project__text:before{content:"❖";margin-right:5px}.projects-section{align-items:center;display:flex;flex-direction:column;gap:25px}.projects-container{align-items:stretch;display:flex;flex-direction:column;gap:30px;justify-content:center}.previous-xp{background-color:#fff;gap:10px}.previous-xp,.previous-xp__list-experiences{align-items:center;display:flex;flex-direction:column}.previous-xp__list-experiences{font-size:1.2em;padding-left:10px}.previous-xp ul{display:flex;flex-direction:column;gap:7px}.xp-inline-div{align-items:baseline;column-gap:10px;display:flex;flex-wrap:wrap}.xp-info-text{font-size:.8em;font-weight:300}.certificates-section{align-items:center;display:flex;flex-direction:column;gap:40px;padding:40px 25px}.certificates-section li{font-size:1em}.about-me-section{align-items:center;display:flex;flex-direction:column;gap:40px;padding:40px 20px}.about-me-section>div{align-items:flex-start;display:flex;font-size:1.1em;gap:20px;max-width:75%}.about-me-section div>img{width:min(50%,300px)}.about-me-section__texts-container{align-items:flex-start;display:flex;flex-direction:column;gap:15px}.about-me__contact-button{background-color:#000;background-image:radial-gradient(circle at 20% 100%,#fff3,#0000);border-radius:2px;box-shadow:3px 3px 3px #00000040;color:#fff;font-size:1.15em;font-weight:300;padding:10px 15px;-webkit-user-select:none;user-select:none}.about-me__contact-button:hover{background-color:rgba(0,0,0,.975);background-image:radial-gradient(circle at 20% 100%,#ffffff4d,#0000);cursor:pointer}@media (max-width:720px){.about-me-section>div{flex-wrap:wrap-reverse;justify-content:center}.about-me-section div>img{height:auto;width:min(100%,300px)}.about-me-section__texts-container{align-items:center}.about-me-section__texts-container p{text-align:center}}.app{background-color:#fff;display:flex;flex-direction:column;gap:10px}*{--box-shadow-01:4px 4px 4px #0000004d;--focus-color-01:#fff3;--shine-border-color-01:#ffffff59;--transition-time-01:0.15s;border:none;margin:0;outline:none;padding:0}p{text-align:left}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;margin:auto;max-width:2000px;min-height:100vh;scroll-behavior:smooth}.section{padding:40px 25px}.black-section{background-color:#000;background-image:radial-gradient(circle at 0 75%,#ffffff1a,#0000);color:#fff}h2{font-family:Lusitana,serif;font-size:2em;font-weight:400}.hint-text,h2{text-align:center}.hint-text{font-size:.75em;opacity:50%}.centered-text{text-align:center}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#ffffffbf;border-radius:99px;padding:1px}::-webkit-scrollbar-thumb{background:#0006;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#0009}ul{list-style-type:"❖"}li{padding:3px 0 3px 5px}a,a:visited{color:#fff}@keyframes FadeIn{0%{opacity:0}to{opacity:100%}}
/*# sourceMappingURL=main.0fb568bd.css.map*/