*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Share Tech Mono,monospace;font-size:16px;color:#f0f0f0;height:100%;width:100%;overflow:hidden}:root{--color-primary: #001a33;--color-secondary: #113768;--color-tertiary: #0598ce;--color-white: #ffffff;--color-medium-gray: #555555;--color-glass: #0598ce30}.bg-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-2}.glassmorphism{background:var(--color-glass);backdrop-filter:blur(9.3px);-webkit-backdrop-filter:blur(9.3px);border:1.5px solid var(--color-white);box-shadow:0 0 5px var(--color-tertiary),0 0 10px var(--color-tertiary),0 0 20px var(--color-tertiary),0 0 40px var(--color-tertiary);border-radius:12px;transition:box-shadow .3s ease-in-out}.mirror{transform:scaleX(-1)}@media (max-width: 1440px){html{font-size:12px}}@media (max-width: 1024px){html{font-size:10px}}@media (max-width: 768px){html{font-size:8px}}button,button:after{padding:16px 20px;font-size:1rem;background:linear-gradient(45deg,transparent 5%,var(--color-tertiary) 5%);border:0;color:var(--color-white);letter-spacing:3px;line-height:1;outline:transparent;position:relative}button:after{--slice-0: inset(50% 50% 50% 50%);--slice-1: inset(80% -6px 0 0);--slice-2: inset(50% -6px 30% 0);--slice-3: inset(10% -6px 85% 0);--slice-4: inset(40% -6px 43% 0);--slice-5: inset(80% -6px 5% 0);content:"HOVER ME";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 3%,var(--color-light) 3%,var(--color-light) 5%,var(--color-tertiary) 5%);text-shadow:-3px -3px 0px var(--color-white),3px 3px 0px var(--color-light);clip-path:var(--slice-0)}button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6;transition:.3s ease}button:hover:after{animation:1s glitch;animation-timing-function:steps(2,end)}button.active{background-color:var(--color-white)}@keyframes glitch{0%{clip-path:var(--slice-1);transform:translate(-20px,-10px)}10%{clip-path:var(--slice-3);transform:translate(10px,10px)}20%{clip-path:var(--slice-1);transform:translate(-10px,10px)}30%{clip-path:var(--slice-3);transform:translateY(5px)}40%{clip-path:var(--slice-2);transform:translate(-5px)}50%{clip-path:var(--slice-3);transform:translate(5px)}60%{clip-path:var(--slice-4);transform:translate(5px,10px)}70%{clip-path:var(--slice-2);transform:translate(-10px,10px)}80%{clip-path:var(--slice-5);transform:translate(20px,-10px)}90%{clip-path:var(--slice-1);transform:translate(-10px)}to{clip-path:var(--slice-1);transform:translate(0)}}.main-content{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;height:100vh;padding:1rem;gap:2rem;box-sizing:border-box}.text-content-wrapper{position:relative;width:100%}.text-content,.text-content-up{position:absolute;left:20%;top:10%;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:40rem;min-height:20rem;padding:2rem;margin:auto}.text-content-up{z-index:2}.text-content>*{opacity:0;pointer-events:none}.text-content p{margin-top:.8rem}.about-me-image{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:1}.text-content h2,.text-content-up h2{font-size:3rem;color:var(--color-white);margin-bottom:.2rem}.text-content h3,.text-content-up h3{font-size:1.5rem;color:var(--color-white);margin-bottom:.2rem;margin-top:1rem}.buttons-container{display:flex;flex-direction:row;margin-top:2rem;gap:1rem}.header{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;padding:1rem;z-index:1}.header h1{font-size:3.5rem;color:var(--color-white);margin-top:2rem;margin-left:.5rem}.header h2{font-size:1.2rem;color:var(--color-light);margin-top:.5rem;margin-left:.5rem}.avatar-container{display:flex;justify-content:center;align-items:center;max-width:300px;width:100%;height:300px}.avatar{width:100%;height:auto;border:1.5px solid var(--color-white);opacity:.95;display:block;object-fit:cover;box-shadow:0 0 5px var(--color-tertiary),0 0 10px var(--color-tertiary),0 0 20px var(--color-tertiary),0 0 40px var(--color-tertiary)}.header-content{display:flex;flex-direction:row;justify-content:space-between;padding:1.5rem;height:13rem;margin-left:2rem;margin-top:2rem}.line-separator{display:block;width:80%;height:.2rem;background-color:#fff;margin:0 1rem}.x{width:100%;height:100%}.mobile-scroll p{overflow:auto;max-height:8rem;margin-top:.5rem}@media (max-width: 1440px){.header-content{margin-left:3rem;margin-top:2rem}.avatar-container{max-width:230px;height:230px}.header h1{margin-top:.5rem;margin-left:.7rem}}@media (max-width: 1024px){.text-content,.text-content-up{left:10%;top:10%;padding:1.5rem}}@media (max-width: 768px){.header-content{flex-direction:column}.text-content,.text-content-up{left:2rem}}@media (max-width: 425px){.main-content{display:flex;flex-direction:column;align-items:center;padding:0;gap:2rem}.header-content{top:0}.avatar-container{max-width:150px;height:150px}.text-content,.text-content-up{left:7rem;top:16rem;padding:.5rem}}@media (max-width: 375px){.text-content,.text-content-up{left:4rem;top:16rem;padding:.5rem}}@media (max-width: 320px){.text-content,.text-content-up{left:0rem;top:16rem;padding:.5rem}}.skills-main{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;height:100vh;margin:4rem;gap:1rem}.skills-main li{list-style-type:none;padding-left:0}.skills-container,.skills-container-up{position:absolute;top:1rem;right:25rem;text-align:center;display:flex;flex-direction:column;justify-content:center;font-size:2rem;padding:2rem}.skills-container-up{z-index:2}.skills-container>*{opacity:0;pointer-events:none}.skills-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.skills-layout{display:flex;flex-direction:row;justify-content:center;margin-top:2rem;gap:2rem}.skills-titles{display:flex;flex-direction:column;text-align:center;gap:12px}.skills-bars{display:flex;flex-direction:column;justify-content:space-between}@media (min-width: 3440px){.skills-container,.skills-container-up{top:7rem;right:60rem}}@media (min-width: 2560px){.skills-container,.skills-container-up{top:3rem;right:45rem}}@media (max-width: 1440px){.skills-container,.skills-container-up{top:4rem;right:16rem}}@media (max-width: 1024px){.skills-container,.skills-container-up{top:10rem;right:12rem}}@media (max-width: 768px){.skills-container,.skills-container-up{top:15rem;right:8rem}}@media (max-width: 425px){.skills-container,.skills-container-up{top:10rem;right:2rem}}@media (max-width: 375px){.skills-container,.skills-container-up{top:10rem;right:.5rem}}@media (max-width: 320px){.skills-container,.skills-container-up{top:13rem;right:0rem}}@keyframes pulse{0%{box-shadow:0 0 5px #ffd600}50%{box-shadow:0 0 15px #ffd600}to{box-shadow:0 0 5px #ffd600}}.light-bar{display:flex;gap:10px;align-items:center;justify-content:start}.light{width:20px;height:20px;background-color:#333;box-shadow:inset 0 0 5px #000;transition:background-color .3s,transform .3s}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.light.active{background-color:#ffd600;animation:pulse 1.5s infinite,popIn .3s ease-out;box-shadow:0 0 15px #ffd600}.projects-main-content{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;height:100vh;width:100vw}.projects-container,.projects-container-up{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;top:10rem;left:30rem;width:100%;max-width:50rem;padding:1.5rem}.projects-container-up{z-index:2}.projects-container>*{opacity:0;pointer-events:none}.projects-main-content img{max-width:80%;margin-top:1rem;opacity:.95;border:1.5px solid var(--color-white);display:block;z-index:2;box-shadow:0 0 5px var(--color-tertiary),0 0 10px var(--color-tertiary),0 0 20px var(--color-tertiary),0 0 40px var(--color-tertiary)}.link-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:1rem}.pagination-buttons{grid-column:1 / 1;display:flex;justify-content:center;gap:1rem}.left-button{position:absolute;transform:rotate(90deg);z-index:44;margin-right:70rem}.right-button{position:absolute;transform:rotate(-90deg);z-index:44;margin-left:50rem}@media (min-width: 2560px){.projects-container,.projects-container-up{left:50rem;top:15rem}}@media (min-width: 3440px){.projects-container,.projects-container-up{left:77rem;top:22rem}}@media (max-width: 1440px){.projects-container,.projects-container-up{left:30rem;top:20rem}}@media (max-width: 1024px){.projects-container,.projects-container-up{left:21rem;top:22rem}}@media (max-width: 768px){.projects-container,.projects-container-up{left:18rem;top:28rem}}@media (max-width: 425px){.projects-container,.projects-container-up{left:2rem;top:28rem;padding:0;font-size:1.5rem}.left-button{position:absolute;transform:none;z-index:44;margin-top:40rem;margin-right:10rem}.right-button{position:absolute;transform:none;z-index:44;margin-top:40rem;margin-left:14rem}}@media (max-width: 375px){.projects-container,.projects-container-up{left:0rem;top:28rem;padding:0;font-size:1.5rem}}.contact-wrapper{display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem;margin-top:15rem}.contact-container,.calendar-container{width:45%;padding:2rem}.contact-container{max-width:500px;margin:auto;padding:2rem;text-align:center}.contact-container h2{margin-bottom:1rem;font-size:3rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.calendar-container{text-align:center;max-width:80rem}.calendar-container h3{font-size:2rem;background-color:#b388eb;border-radius:8px}.date-list{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;padding:1rem;list-style:none}.available-date{padding:.5rem;border-radius:8px;text-align:center}.day-number{font-size:1.8rem}.date-column{display:flex;flex-direction:column;align-items:center;font-size:.85rem;gap:2px;font-weight:700}.contact-form input,.contact-form textarea{width:100%;padding:.8rem 1rem;border:none;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:1rem;transition:all .3s ease;outline:none;box-shadow:0 0 0 transparent}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff80}.contact-form input:focus,.contact-form textarea:focus{background:#ffffff26;box-shadow:0 0 0 2px #8a2be2b3}.contact-form{animation:fadeInUp .8s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1440px){.contact-wrapper{margin-top:20rem}}@media (max-width: 768px){.contact-wrapper{margin-top:35rem}}@media (max-width: 425px){.contact-wrapper{flex-direction:column}.calendar-container{justify-content:center;font-size:1.2rem}.date-column{font-size:1.2rem}.day-number{font-size:3rem}.contact-wrapper{margin-top:17rem}.date-list{justify-content:center}}:root{--menu-size: 24rem;--center-size: 6rem;--icon-size: 4rem}.menu-container{position:absolute;width:var(--menu-size);height:var(--menu-size);transform:translate(-50%)}.nav-about,.nav-skills{bottom:2rem;left:5%}.nav-projects,.nav-contact{bottom:2rem;left:60%}.central-button{width:var(--center-size);height:var(--center-size);font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:calc(50% - var(--center-size) / 2);left:calc(50% - var(--center-size) / 2);z-index:99}.menu-icon{position:absolute;width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center;text-align:center;z-index:2;opacity:0;transition:transform .4s ease,opacity .4s ease;transform-origin:center center;pointer-events:none}.menu-icon a{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:1.2rem}.menu-container.open .menu-icon{opacity:1;transform:scale(1);pointer-events:auto}.menu-icon:nth-child(1),.menu-icon:nth-child(2),.menu-icon:nth-child(3),.menu-icon:nth-child(4){top:50%;left:50%}.menu-container.open .menu-icon:nth-child(1){transform:scale(1) translate(5rem);transition-delay:.1s}.menu-container.open .menu-icon:nth-child(2){transform:scale(1) translate(11rem,-2rem);transition-delay:.2s}.menu-container.open .menu-icon:nth-child(3){transform:scale(1) translate(17rem);transition-delay:.3s}.menu-container.open .menu-icon:nth-child(4){transform:scale(1) translate(22rem,-2rem);transition-delay:.4s}.menu-icons-wrapper{position:absolute;top:55%;left:50%;width:calc(var(--menu-size) + 4rem);height:calc(var(--menu-size) - 10rem);transform:translate(-50%,-50%) scale(0);display:flex;gap:2rem;padding:1rem 2rem;border-radius:1.5rem;opacity:0;pointer-events:none;z-index:1;transition:transform .4s ease,opacity .4s ease}.menu-container.open .menu-icons-wrapper{transform:translateY(-50%) scale(1);opacity:1;pointer-events:auto}.menu-icon:hover{transform:scale(1.1) translate(var(--hover-x, 0),var(--hover-y, 0));z-index:10}.menu-icon a:hover{color:var(--color-tertiary);text-shadow:0 0 5px var(--color-tertiary),0 0 10px var(--color-tertiary),0 0 20px var(--color-tertiary),0 0 30px var(--color-tertiary)}.menu-icon a:hover svg{transform:scale(1.2);filter:drop-shadow(0 0 5px var(--color-primary));transition:transform .3s ease}@media (min-width: 3440px){.nav-about,.nav-skills{left:20%}}@media (min-width: 2560px){.nav-about,.nav-skills{left:15%}}@media (max-width: 1024px){:root{--menu-size: 22rem;--center-size: 6rem;--icon-size: 4rem}.menu-container.open .menu-icon:nth-child(1){transform:scale(1) translate(4.2rem);transition-delay:.1s}.menu-container.open .menu-icon:nth-child(2){transform:scale(1) translate(10.2rem,-2rem);transition-delay:.2s}.menu-container.open .menu-icon:nth-child(3){transform:scale(1) translate(16.2rem);transition-delay:.3s}.menu-container.open .menu-icon:nth-child(4){transform:scale(1) translate(21.2rem,-2rem);transition-delay:.4s}}@media (max-width: 768px){.nav-about,.nav-skills{bottom:16rem}.nav-projects,.nav-contact{bottom:16rem;left:50%}}@media (max-width: 425px){.nav-about,.nav-skills{bottom:12rem}.nav-projects,.nav-contact{bottom:12rem;left:0}}.film-bar-animation{left:0;flex:.75;background-color:#000;z-index:-1;pointer-events:none;mask-image:repeating-linear-gradient(to right,transparent 0,transparent 30px,black 30px,black 70px);-webkit-mask-image:repeating-linear-gradient(to right,transparent 0,transparent 30px,black 30px,black 70px);mask-repeat:repeat;mask-size:70px 100%;-webkit-mask-repeat:repeat;-webkit-mask-size:70px 100%;animation:scroll-mask 4s linear infinite}.fast-animation{animation:scroll-mask .2s linear infinite}@keyframes scroll-mask{0%{mask-position:0 0;-webkit-mask-position:0 0}to{mask-position:70px 0;-webkit-mask-position:70px 0}}.film-bar{position:fixed;width:100vw;height:80vh;left:0;z-index:-1;pointer-events:none;display:flex;flex-direction:column;padding:0;margin:0}.film-bar.top{top:-68vh;transition:transform .5s ease}.film-bar.bottom{bottom:-68vh;transition:transform .5s ease}.black-bar{background-color:#000;flex:25;height:100%}.black-bar-last{background-color:#000;flex:.5;height:100%}.black-bar-first{position:relative;background-color:#000}.film-bar.top.film-bars-skills,.film-bar.bottom.film-bars-skills{transition:transform .5s ease}.film-bar.top.film-bars-skills{transform:rotate(-45deg) translate(-700px) translateY(-450px)}.film-bar.bottom.film-bars-skills{transform:rotate(-45deg) translate(700px) translateY(450px)}.film-bar.top.film-bars-projects{transform:rotate(-90deg) translate(-700px) translateY(-1100px)}.film-bar.bottom.film-bars-projects{transform:rotate(-90deg) translate(700px) translateY(1100px)}@media (min-width: 3440px){.film-bar.top.film-bars-projects{transform:rotate(-90deg) translate(-700px) translateY(-1400px)}.film-bar.bottom.film-bars-projects{transform:rotate(-90deg) translate(700px) translateY(1400px)}.black-bar{flex:30}}@media (min-width: 2560px){.black-bar{flex:24}}@media (max-width: 1440px){.film-bar.top.film-bars-projects{transform:rotate(-90deg) translate(-700px) translateY(-900px)}.film-bar.bottom.film-bars-projects{transform:rotate(-90deg) translate(700px) translateY(900px)}}@media (max-width: 1024px){.film-bar.top.film-bars-projects{transform:rotate(-90deg) translate(-700px) translateY(-750px)}.film-bar.bottom.film-bars-projects{transform:rotate(-90deg) translate(700px) translateY(750px)}.film-bar.top.film-bars-skills{transform:rotate(-45deg) translate(-700px) translateY(-300px)}.film-bar.bottom.film-bars-skills{transform:rotate(-45deg) translate(700px) translateY(300px)}}@media (max-width: 768px){.film-bar.top.film-bars-skills{transform:rotate(-45deg) translate(-500px) translateY(-200px)}button{font-size:1.1rem}}@media (max-width: 425px){.film-bar.top.film-bars-skills{transform:rotate(-45deg) translate(-400px) translateY(-200px)}button{font-size:1.1rem}}@media (max-width: 375px){.film-bar.top.film-bars-skills{transform:rotate(-45deg) translate(-300px) translateY(-200px)}}