@font-face{font-family:Major Mono Display;font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/Major_Mono_Display/MajorMonoDisplay-Regular.ttf)format("woff2")}@font-face{font-family:Quantico;font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/Quantico/Quantico-Regular.ttf)format("woff2")}*{margin:0;padding:0}body:has(dialog[open]){overflow:hidden}.threejs{z-index:-1;background-color:linear-gradient(0deg,#35203b 0%, #53203b 100%);outline:none;position:fixed;top:0;left:0}.avoidwrap{display:inline-block}.section{box-sizing:border-box;background:linear-gradient(90deg,#0006 0%,#0000 80%);width:100%;min-height:100vh;padding:14px;display:flex;overflow:visible}.section .section-content{flex-direction:column;flex:1;max-width:1400px;margin:10% auto 0%;display:flex}.section .section-content .h1-header{color:#fff;margin-bottom:24px;font-family:Major Mono Display,sans-serif;font-size:96px;font-style:normal;font-weight:400}@media (width<=968px){.section .section-content .h1-header{text-align:center;font-size:64px}}@media (width<=576px){.section .section-content .h1-header{text-align:center;font-size:48px}}.section .section-content .h2-header{color:#fff;margin-bottom:24px;font-family:Major Mono Display,sans-serif;font-size:72px;font-style:normal;font-weight:400}@media (width<=968px){.section .section-content .h2-header{text-align:center;font-size:48px}}@media (width<=576px){.section .section-content .h2-header{text-align:center;font-size:36px}}.section .section-content .h3-header{color:#fff;font-family:Quantico,sans-serif;font-size:36px;font-style:normal;font-weight:400}@media (width<=968px){.section .section-content .h3-header{font-size:32px}}@media (width<=576px){.section .section-content .h3-header{font-size:28px}}.section .section-content .at{color:#fff;opacity:.6}.body-text{color:#fff;text-wrap:balance;margin:0 0 12px 24px;font-family:Quantico,sans-serif;font-size:20px}@media (width<=968px){.body-text{font-size:18px}}@media (width<=576px){.body-text{font-size:16px}}.header-buttons-holder{justify-content:center;align-items:flex-end;margin-top:auto;display:flex}#experience{scroll-margin-top:-12vh}@media (width<=968px){#experience{scroll-margin-top:-5vh}}.technologies-flexbox{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.technologies-flexbox .technology{color:#fff;background-color:#0006;border-radius:50px;padding:12px 24px;font-family:Quantico,sans-serif;font-size:24px}@media (width<=968px){.technologies-flexbox .technology{font-size:20px}}@media (width<=576px){.technologies-flexbox .technology{font-size:18px}}.dropdowns-details{background-color:#0006;border-radius:25px;max-width:min(900px,100%);margin-bottom:24px;padding:12px}.dropdowns-details summary{cursor:pointer;color:#fff;text-wrap:balance;gap:8px;width:fit-content;font-family:Quantico,sans-serif;display:flex;margin-bottom:0!important}@media (width<=968px){.dropdowns-details summary{margin-bottom:12px!important}}.dropdowns-details summary::marker{content:""}.dropdowns-details summary:before{content:"▶";color:#fff;align-self:center;font-family:Quantico,sans-serif;font-size:22px;font-style:normal;font-weight:400;display:block}@media (width<=968px){.dropdowns-details summary:before{font-size:20px}}@media (width<=576px){.dropdowns-details summary:before{font-size:18px}}.dropdowns-details summary:before{transform-origin:center%;transition:transform .5s;transform:rotate(0)}.dropdowns-details[open] summary:before{transform:rotate(90deg)}.dropdowns-details .dropdowns-text{color:#fff;font-family:Quantico,sans-serif;font-size:20px}@media (width<=968px){.dropdowns-details .dropdowns-text{font-size:18px}}@media (width<=576px){.dropdowns-details .dropdowns-text{font-size:16px}}.dropdowns-details .dropdown-link{color:#fff;font-family:Quantico,sans-serif;font-size:20px}@media (width<=968px){.dropdowns-details .dropdown-link{font-size:18px}}@media (width<=576px){.dropdowns-details .dropdown-link{font-size:16px}}.dropdowns-details .dropdowns-date{color:#fff;font-family:Quantico,sans-serif;font-size:20px}@media (width<=968px){.dropdowns-details .dropdowns-date{font-size:18px}}@media (width<=576px){.dropdowns-details .dropdowns-date{font-size:16px}}.dropdowns-details .dropdowns-list{margin-left:36px}.dropdowns-details .dropdowns-list .dropdowns-item{color:#fff;text-wrap:balance;font-family:Quantico,sans-serif;font-size:20px}@media (width<=968px){.dropdowns-details .dropdowns-list .dropdowns-item{font-size:18px}}@media (width<=576px){.dropdowns-details .dropdowns-list .dropdowns-item{font-size:16px}}@keyframes open{0%{opacity:0}to{opacity:1}}@keyframes close{0%{opacity:1}to{opacity:0}}details[open] summary~*{animation:.5s open}details.closing summary~*{animation:.5s close}.button-flexbox{flex-wrap:wrap;justify-content:center;gap:24px;margin:48px 0;display:flex}.button-flexbox .button-item{color:#fff;background-color:#0006;border:2px solid #fff;border-radius:50px;padding:12px 24px;font-family:Quantico,sans-serif;font-size:24px;text-decoration:none}.button-flexbox .button-item:hover,.button-flexbox .button-item:focus{text-decoration:underline}@media (width<=968px){.button-flexbox .button-item{font-size:20px}}@media (width<=576px){.button-flexbox .button-item{font-size:18px}}.contact-body-text{color:#fff;text-align:center;text-wrap:balance;margin:0 0 12px;font-family:Quantico,sans-serif;font-size:20px}@media (width<=968px){.contact-body-text{font-size:18px}}@media (width<=576px){.contact-body-text{font-size:16px}}.footer-content{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.footer-content .footer-text{color:#fff;font-family:Quantico,sans-serif;font-size:16px}.footer-content .footer-button{color:#fff;cursor:pointer;background:0 0;border:none;font-family:Quantico,sans-serif;font-size:16px;text-decoration:underline}.attributions-dialog{box-sizing:border-box;color:#fff;background:#000;border:2px solid #fff;border-radius:15px;width:500px;max-width:90vw;margin:auto;padding:12px 24px;font-family:Quantico,sans-serif;font-size:16px}.attributions-dialog .attributions-dialog-title{color:#fff;font-family:Quantico,sans-serif;font-size:24px}.attributions-dialog .attributions-dialog-link{color:#fff;cursor:pointer;font-family:Quantico,sans-serif;font-size:16px;text-decoration:underline}.attributions-dialog .attributions-close{color:#fff;cursor:pointer;background:#000;border:none;font-family:Quantico,sans-serif;font-size:24px;position:absolute;top:4px;right:12px}
