#loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:9999}.spinner{width:100px;height:100px;border:10px solid #ddd;border-top-color:#333;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--background-color: #353535;--background-color-dark: #454545;--background-hover-color: #ffffff;--text-color: #ffffff;--text-hover-color: #000000;--border-color: #ffffff;--border-size: 6px;--border-size-hover: 12px}:root.light-mode{--background-color: #dbdbdb;--background-color-dark: #a7a7a7;--background-hover-color: #000000;--text-color: #000000;--text-hover-color: #ffffff;--border-color: #000000}.about{display:flex;padding:1em;justify-content:center}.about-text{display:flex;flex-direction:column;margin:1em}.about-title{display:flex;font-size:15vw;text-align:right;line-height:.75}.about-description{font-size:3vw;margin-top:1em}.about-image-container{position:relative;border:var(--border-size) solid var(--border-color);border-radius:50%;width:40%;aspect-ratio:1;overflow:hidden}.about-image-container img{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);width:125%;height:125%;object-fit:scale-down}@media (max-width: 1000px){.about{flex-direction:column-reverse;align-items:center;text-align:center}.about-title{font-size:25vw}.about-description{font-size:2em}.about-image-container{height:0;width:90%;padding-bottom:90%}}.hidden-about{display:flex;max-height:0;justify-content:center;overflow:hidden;transition:all .5s ease-in-out}.hidden-about.active{max-height:500px;padding:1em}.hidden-about-content{font-size:2em;text-align:center}.toggle-about-container{display:flex;border-right:var(--border-size) solid transparent;border-left:var(--border-size) solid transparent;border-top:var(--border-size) solid var(--border-color);height:fit-content;justify-content:center;transition:all .4s ease}.toggle-about-btn{display:flex;height:4em;width:5em;justify-content:center;align-items:center;overflow:hidden}.toggle-about-img{margin-top:-1em;width:auto;height:8em;cursor:pointer;transform:rotate(90deg);transition:all .4s ease}.toggle-about-img.active{margin-top:1em;transform:rotate(-90deg)}.nav-bar{position:-webkit-sticky;position:sticky;top:0;z-index:999;border-left:var(--border-size) solid transparent;border-right:var(--border-size) solid transparent;border-bottom:var(--border-size) solid var(--border-color);background-color:var(--background-color)}.nav-list{display:flex;list-style:none;align-items:center}.nav-list-left{margin:0 auto 0 1em}.nav-list-right{display:flex}.nav-button{display:flex;padding:1.5em 1em;font-size:1.2em;align-items:center;text-decoration:none;color:var(--text-color);transition:background .3s,color .3s}.nav-button:hover,.nav-button:focus{background:var(--background-hover-color);color:var(--text-hover-color)}.nav-list-img{margin-right:.5em;width:2em;height:auto;transition:filter .3s}.nav-button:hover .nav-list-img,.nav-button:focus .nav-list-img{filter:brightness(0) invert(0) hue-rotate(180deg)}.light-mode .nav-button:hover .nav-list-img,.light-mode .nav-button:focus .nav-list-img{filter:brightness(0) invert(1) hue-rotate(180deg)}.menu-toggle{display:none;padding:1.5em 1em;cursor:pointer}.menu-toggle button{background:none;border:none}.menu-toggle img{width:4em;height:auto}@media (max-width: 1000px){.nav-bar{border-left:none;border-right:none}.nav-list-right{display:flex;flex-direction:column;position:absolute;top:100%;right:0;width:0;margin-top:var(--border-size);overflow:hidden;transition:width 1s ease}.nav-list-right.active{width:100%}.nav-button{width:100%;border-left:var(--border-size) solid transparent;border-right:var(--border-size) solid transparent;border-bottom:var(--border-size) solid var(--border-color);justify-self:center;transform:translate(100%);transition:transform .7s ease;color:var(--text-color);background-color:var(--background-color)}.nav-button.active{transform:translate(0)}.menu-toggle{display:flex}}.skills-title{padding-top:1em;margin:1em 0;border-left:var(--border-size) solid transparent;border-right:var(--border-size) solid transparent;border-top:var(--border-size) solid var(--border-color)}.skills-title h1{font-size:3em;text-align:center}.skills-container{display:flex;flex-direction:column;margin:1em auto 0;width:100%;overflow:hidden}.slider{display:flex;flex-direction:row;align-items:center}.slider-title{padding:1em;font-size:2em}.slider-inner{display:flex;padding:.5em;border-top:var(--border-size) solid transparent;border-bottom:var(--border-size) solid transparent;width:100%;overflow:hidden}.slider-track{display:flex;will-change:transform;transition:none}.slider-inner:hover .slider-items{animation-play-state:paused}.skill-icon-container{display:inline-block;position:relative;margin-right:1.5em}.skill-icon{height:6em;width:auto;object-fit:fill;transition:all .3s ease}.skill-icon-container:hover .skill-icon{transform:scale(1.1)}.skill-icon-hover-text{position:absolute;padding:.5em;left:0;right:0;bottom:0;visibility:hidden;opacity:0;transition:all ease .3s;background-color:var(--background-color-dark)}.skill-icon-container:hover .skill-icon-hover-text{opacity:1;visibility:visible}:root{--gap: 2%;--projects-per-row: 3;--s: 1em}.projects-title{padding-top:1em;margin:1em 0;border-right:var(--border-size) solid transparent;border-left:var(--border-size) solid transparent;border-top:var(--border-size) solid var(--border-color)}.projects-title h1{font-size:3em;text-align:center}.projects-container{display:flex;flex-wrap:wrap;gap:var(--gap);padding:.5em;justify-content:center}.project{display:flex;flex-direction:column;flex:1 1 calc(100% / var(--projects-per-row) - var(--gap));border:var(--border-size) solid var(--border-color);margin-bottom:var(--gap);height:30em;max-width:calc(100% / var(--projects-per-row) - var(--gap));box-sizing:border-box;transition:transform .3s ease}.project:hover{transform:translateY(-.5em)}.project-image{width:100%;height:70%;object-fit:cover;filter:brightness(1) invert(0)}.project-details{flex:1;padding:.5em;border:var(--border-size) solid transparent;border-top:var(--border-size) solid var(--border-color);margin-top:auto;text-align:center}.project-details-button{display:inline-block;padding:1em;margin:1em auto;border:var(--border-size) solid var(--border-color);mask:conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s)),linear-gradient(#000 0 0) content-box;text-decoration:none;background:var(--background-color);color:var(--text-color)}.project-details-button:hover,.project-details-button:focus{background:var(--background-hover-color);color:var(--text-hover-color);mask:none;outline:none}@media (max-width: 1000px){.project{flex-basis:calc(50% - var(--gap));max-width:calc(50% - var(--gap))}}@media (max-width: 500px){.project{flex-basis:calc(100% - var(--gap));max-width:calc(100% - var(--gap))}}.achievements-title{padding-top:1em;margin:1em 0;border-right:var(--border-size) solid transparent;border-left:var(--border-size) solid transparent;border-top:var(--border-size) solid var(--border-color)}.achievements-title h1{font-size:3em;text-align:center}.achievement{display:flex;flex-direction:column;align-items:center;border:var(--border-size) solid var(--border-color);margin-bottom:var(--gap);height:20em;max-width:300px;box-sizing:border-box;transition:transform .3s ease;position:relative;overflow:hidden}.achievement:before{content:"";position:absolute;inset:0;background:var(--background-color, #fff);border-radius:inherit;z-index:-1}.achievement:hover{transform:translateY(-.5em)}.achievement-title{flex:0 0 25%;display:flex;width:100%;border:var(--border-size) solid transparent;border-bottom:var(--border-size) solid var(--border-color);box-sizing:border-box;align-items:center;justify-content:center;text-align:center}.achievement-image{height:105%;width:100%;object-fit:fill;filter:brightness(1) invert(0)}.timeline-wrapper{position:relative}.timeline{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;position:relative;z-index:1}.timeline-line{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none}footer{padding:.2rem 0;text-align:center;background-color:var(--background-color-dark);color:var(--text-color)}.links-container{display:flex;flex-direction:row;gap:2%;justify-content:center;align-items:center}.link{margin-top:2rem;text-decoration:none}.link-img{width:2.5em;height:2.5em;transition:transform .3s ease}.link-img:hover{transform:scale(1.1)}.copyright{margin:1em 0;width:100%;text-align:center}.toggle-theme-container{display:flex;position:fixed;bottom:1em;right:1em;z-index:999;padding:0 .5em;border-radius:1.5em;width:4em;height:2.5em;align-items:center;cursor:pointer;background-color:var(--text-color)}.toggle-theme{width:0;height:0}.toggle-ball{border-radius:50%;width:2em;height:2em;transition:transform .2s linear;background-color:var(--text-hover-color)}.toggle-theme:checked+.toggle-ball{transform:translate(2em)}*{margin:0;padding:0;font-family:Arial,sans-serif;font-weight:700;text-align:left;scroll-behavior:smooth}body{color:var(--text-color);background-color:var(--background-color)}img{filter:brightness(0) invert(1);transition:filter .3s}.light-mode img{filter:brightness(0) invert(0)}img.no-theme-filter{filter:none}