:root{--primary-dark: #f5f5f5;--bg-dark: #070707;--highlight-dark: #9c7fd7;--primary-light: #333333;--bg-light: #f5f5f5;--highlight-light: #6a4c9c;--divider-light: #dcdcdc;--decoration: #ff9f00;--hover: #e68a00}*{margin:0;padding:0;box-sizing:border-box}li{list-style-type:none}a{text-decoration:none;color:inherit;cursor:pointer}button{background:none;color:inherit;font:inherit;cursor:pointer}html{scroll-behavior:smooth}body{background-image:url(/images/bg_dark.webp);background-size:cover;background-position:center;background-attachment:fixed;color:var(--primary-dark);font-family:Roboto,sans-serif;font-size:16px;font-weight:400;letter-spacing:.1rem;transition:all 1.5s ease-in-out}body.light{background-image:url(/images/bg_light.webp);color:var(--primary-light)}h1{font-size:80px;color:var(--highlight-dark)}h2{font-size:30px;text-align:center;color:var(--highlight-dark)}h3{font-size:18px}.light h1,.light h2{color:var(--highlight-light)}.fade-down{opacity:0;transform:translateY(-30px);transition:opacity .8s ease,transform .8s ease}.fade-down.active{opacity:1;transform:translateY(0)}#page-transition{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-dark);z-index:9999;pointer-events:none;opacity:0;transition:opacity .4s ease}.light #page-transition{background:var(--bg-light)}#page-transition.active{opacity:1;pointer-events:auto}header{height:10vh;background-image:inherit;background-size:inherit;background-position:inherit;background-attachment:fixed;padding:10px 40px;position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:center}@media (max-width: 480px){header{padding:10px 20px}}nav{width:100%;display:flex;align-items:center;justify-content:start;gap:80px;padding:0 20px}nav ul{display:flex;align-items:center;justify-content:start;gap:80px}nav li{font-size:16px;font-weight:400;text-transform:uppercase;transition:transform .3s ease-in-out}.light nav li{font-weight:400}nav li:hover{font-weight:600;transform:scale(1.02)}nav .logo>a{display:flex}nav .logo img{height:50px}nav img{filter:invert(100%);width:auto;transition:1.5s ease-in-out}.light nav img{filter:invert(0)}nav ul.menu{display:flex;align-items:center;gap:80px}nav ul.menu li:first-child{display:none}nav button{border:none}nav .burgerMenu{font-size:30px;display:none}nav #themeBtn{margin-left:auto}nav #themeBtn>img,nav #burgerMenu img{height:25px}@media (max-width: 1024px){nav{gap:40px}nav ul.menu{gap:40px}}@media (max-width: 768px){nav .burgerMenu{display:inline-block}nav ul.menu{position:fixed;top:0;right:-200px;width:200px;height:100vh;background-color:var(--bg-dark);opacity:95%;flex-direction:column;padding:20px 10px;transition:right .3s ease;z-index:100}.light ul.menu{background-color:var(--bg-light);color:var(--primary-light)}nav ul.menu.active{right:0}nav ul.menu li:first-child{display:block}nav:last-child{margin-left:auto}}@media (max-width: 480px){nav{gap:15px;padding:0}nav .logo img{height:40px}}main{min-height:85vh;margin-top:10vh;padding:20px 60px;display:flex}main section{width:100%;margin:auto;display:flex;flex-direction:column;gap:20px;align-items:center}main section>p{font-size:20px;margin-bottom:40px;text-align:center;font-style:italic}@media (max-width: 768px){main{padding:40px}}@media (max-width: 480px){main{min-height:80vh;padding:60px 20px}}.home{margin:auto;gap:50px}.home #profile{place-self:center;display:flex;align-items:end;flex-wrap:wrap;gap:60px}.home #intro>p{font-size:20px;text-align:right}.home #avatar{height:300px;width:auto;opacity:0}.home>#about>p{text-align:justify;border-left:2px solid var(--primary-dark);border-right:2px solid var(--primary-dark);border-radius:15px;padding:0 40px}.light .home>#about>p{border-color:var(--primary-light)}.home>#skills-carousel{width:100%;overflow:hidden;position:relative}.home>#skills-carousel:before,.home>#skills-carousel:after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:2;pointer-events:none}.home>#skills-carousel:before{left:0;background:linear-gradient(to right,var(--bg-dark) 0%,transparent 100%)}.home>#skills-carousel:after{right:0;background:linear-gradient(to left,var(--bg-dark) 0%,transparent 100%)}.light .home>#skills-carousel:before{background:linear-gradient(to right,var(--bg-light) 0%,transparent 100%)}.light .home>#skills-carousel:after{background:linear-gradient(to left,var(--bg-light) 0%,transparent 100%)}.home #skills{display:flex;gap:20px;width:max-content;white-space:nowrap;will-change:transform}.home>#skills-carousel:hover #skills{animation-play-state:paused}.skills-list li{margin-right:1rem;-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:500}.home #skills p{background-color:var(--bg-light);color:var(--primary-light);padding:10px;border-radius:15px;font-size:1rem;transition:all 1.5s ease-in-out}.light .home #skills p{background-color:var(--primary-light);color:var(--bg-light)}.home button{align-self:center;cursor:help}.home button:disabled{cursor:not-allowed}.home h3{text-transform:uppercase;font-size:25px;color:var(--highlight-dark)}.home>section{display:flex;flex-direction:column;align-items:center;padding:80px}.home>section>ul{padding:40px 0;display:flex;flex-direction:column;gap:1em}.home section li{display:flex;align-items:center;gap:1em}.home section .icon{font-size:30px}.home section p{text-align:justify}@media (max-width: 1024px){.home{padding:0}.home #profile{gap:20px}.home h1{font-size:50px}.home #intro>p{font-size:18px}.home #avatar{height:230px}}@media (max-width: 768px){.home #profile{justify-content:center;gap:60px}.home h1{text-align:center}.home #intro>p,.home>#about>p{text-align:center}}@media (max-width: 480px){.home>#about>p{border:none;padding:0}.home>section{padding:10px}.home section p{text-align:start}}.myBtn{width:fit-content;padding:10px;border-radius:5px;display:flex;align-items:center;gap:10px;border:2px solid var(--decoration)}.myBtn:hover{background-color:var(--decoration)}.myBtn:disabled{background-color:var(--hover);border-color:var(--hover)}.myBtn img{height:20px;filter:invert(90%)}.light .myBtn img{filter:none}.education{margin-top:0}.education>div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;gap:40px}.education-group{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;transition:transform .5s ease,opacity .5s ease}.education-group.swap-up{transform:translateY(-120%);opacity:0;position:absolute;width:100%}.education-group.swap-down{transform:translateY(120%);opacity:0;position:absolute;width:100%}.divider{width:100%;text-align:center;margin:2rem 0;position:relative;font-weight:600;font-size:1.2rem;color:var(--highlight-dark);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.divider span{background:var(--bg-light);border-radius:50%;height:28px;width:28px;padding:1.5rem;position:relative;z-index:2;line-height:28px;font-size:1.4rem;display:flex;align-items:center;justify-content:center}.divider:before{content:"";position:absolute;top:50%;left:1rem;right:1rem;border-top:2px solid var(--highlight-dark);transform:translateY(-50%);z-index:1}.fade-shrink{animation:shrinkVertical .4s forwards;transform-origin:center}.fade-expand{animation:expandVertical .4s forwards;transform-origin:center}@keyframes shrinkVertical{to{opacity:0;transform:scaleY(0)}}@keyframes expandVertical{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@media (max-width: 480px){.education{padding:0}}.card-flip{perspective:1000px;width:300px;height:200px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;border-radius:12px;box-shadow:0 0 10px #ffffff26;background-color:var(--bg-dark)}.light .card-inner{box-shadow:0 0 10px #00000026}.card-flip.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.card-front{background-color:var(--bg-light);color:var(--primary-light);display:flex;flex-direction:column;gap:1.5rem}.light .card-front{background-color:var(--bg-dark);color:var(--primary-dark)}.card-front img.entity-logo{width:60px}.card-front h3{text-align:center}.card-back{background-color:var(--primary-light);color:var(--primary-dark);transform:rotateY(180deg);text-align:center;font-size:.9rem;padding:1rem}.projects{margin-top:0}.projects>div{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:100px}@media (max-width: 480px){.projects{padding:0}.projects>div{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.project-card{width:100%;display:flex;flex-direction:column;gap:1rem;position:relative;opacity:0;transform:translateY(80px) scale(.95);transition:transform 1s ease-out,opacity 1s ease-out}.project-card.show{opacity:1;transform:translateY(0) scale(1)}.project-card>.image-container{position:relative;width:100%;height:250px;border-radius:10px;overflow:hidden;cursor:pointer}.project-card>.image-container>img{width:100%;height:250px;border-radius:10px;object-fit:cover;object-position:top center;display:block}.project-card>.image-container>.detail{position:absolute;top:0;left:0;width:100%;height:100%;background:#9c7fd7e8;color:#000;padding:1rem;box-sizing:border-box;opacity:0;transition:opacity .4s ease-in-out;display:flex;align-items:center;justify-content:center;text-align:justify;pointer-events:none;border-radius:10px;font-weight:600}.image-container:hover>.detail,.image-container:focus-within>.detail{opacity:1;pointer-events:auto}.project-card>.header{display:flex;align-items:center;justify-content:space-between}.project-card h3{color:var(--decoration)}.project-card>.header>div{display:flex;gap:1rem}.project-card>.header>div>a>img{width:20px;height:20px;filter:invert(90%);transition:all .3s ease-in-out}body.light .project-card>.header>div>a>img{filter:none}.project-card>.header>div>a>img:hover{transform:scale(1.1)}@media (max-width: 480px){.project-card>.image-container,.project-card>.image-container>img{height:200px}.project-card>.image-container>.detail{font-size:.9rem}}.contact{margin-top:0}.contact>div{display:flex;align-items:stretch;justify-content:center;gap:100px;width:100%;margin-top:20px}.contact ul{display:flex;flex-direction:column;justify-content:space-between;padding:6rem 0}.contact ul img{height:40px;filter:invert(90%);transition:transform .3s ease-in-out}.light .contact ul img{filter:none}.contact ul img:hover{transform:scale(1.1)}@media (max-width: 1024px){.contact>div{flex-direction:column}.contact ul{flex-direction:row;padding:0 1rem}}@media (max-width: 480px){.contact{padding:0}}form{display:flex;flex-direction:column;gap:1rem;min-width:500px;height:fit-content;padding:1.5rem;background:#ffffff1f;border-radius:16px;box-shadow:0 4px 30px #0003;backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px)}form input,form input::placeholder,form textarea,form textarea::placeholder{font-family:Roboto,sans-serif;font-size:16px;background-color:var(--decoration);border:none;border-radius:5px;color:#575757}form input{min-height:40px;color:var(--primary-light);padding:10px;margin-bottom:10px}form textarea{min-height:100px;color:var(--primary-light);padding:10px;resize:none;margin-bottom:10px}form button{align-self:center}.light form button{color:var(--primary-light)}@media (max-width: 480px){form{min-width:250px}}@media (max-width: 340px){form{min-width:150px}}footer{background-image:inherit;background-size:inherit;background-position:inherit;background-attachment:fixed;height:5vh;display:flex;align-items:center;justify-content:center}