:root{--bg: #0d1117;--text-color: #fff;--secondary: #161b22;--dark: #090d13;--content-width: 90%}html{scroll-behavior:smooth}body{padding:0;margin:0;font-weight:400;color:var(--text-color);background:var(--bg);overflow-x:hidden}#__next{width:100%;overflow:hidden}.disable-scroll{overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--secondary)}::-webkit-scrollbar-thumb{background:var(--text-color);border-radius:.5rem}a{color:inherit;text-decoration:none}*{font-family:Catamaran,sans-serif;box-sizing:border-box;outline:1px dotted transparent;outline-offset:2px}*:focus{outline-color:gray}*:focus-visible{border-radius:.2rem;outline:2px solid #c4cccc}.container{min-height:calc(100vh - 21rem);width:100%;display:flex;justify-content:center;padding-bottom:2rem}.content{width:var(--content-width)}.section__title{padding-top:5rem;font-size:clamp(2rem,7vw,3rem);margin-bottom:1rem}.btn{padding:.3rem 1.5rem;border-radius:.2rem;color:#fff;transition:.3s filter;border:none;font-size:1rem;cursor:pointer}.btn:hover{filter:brightness(150%)}.btn__light{background:var(--secondary)}.btn__lighter{color:var(--bg)!important;background:var(--text-color)}.btn__lighter:hover{filter:brightness(120%)}.btn__icon{display:flex;align-items:center;justify-content:center}.btn__icon svg{margin-right:10px;width:1.2rem;fill:var(--secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (min-width: 768px){:root{--content-width: 70%}}@media (min-width: 1200px){:root{--content-width: 75%}}@media (min-width: 1800px){:root{--content-width: 1400px}}.nav__container{width:100%;height:6rem}.hide{display:none}.nav{z-index:199;width:100%;height:6rem;display:flex;justify-content:center;align-items:center;transition:.2s;background:var(--bg)}.nav--active{height:4rem;position:fixed;top:0;left:0;box-shadow:0 0 16px #0000001a;transition:.3s}.nav__content{width:var(--content-width);display:flex;justify-content:space-between}.nav__icon{font-size:2rem;font-weight:500}.nav__links{display:none;align-items:center}.nav__link{font-size:1.2rem;font-weight:400;color:var(--light);position:relative;background:transparent;border:none;cursor:pointer;transition:.25s background-color;filter:brightness(90%);padding:.3rem .8rem;border-radius:.2rem;margin:.2rem}.nav__link:hover{color:#fff;background-color:var(--dark)}.hamburger{outline:none;background:none;border:none;display:flex;flex-direction:column;justify-content:center;cursor:pointer}.hamburger__item{margin:.2rem 0;width:30px;height:2px;background:var(--text-color)}.menu__bg{content:"";position:fixed;left:0;top:0;width:100%;height:100%;background-color:#00000080;z-index:200;display:none}.menu__bg.menu__bg--active{display:flex}.menu__nav{position:fixed;top:0;right:0;width:500px;max-width:100%;height:100vh;display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--bg);transition:transform .1s ease-out;z-index:250;transform:translate(100%);transform-origin:right}.menu__nav.menu__nav--active{transform:translate(0)}.close__menu{outline:none;font-size:3rem;background:none;border:none;position:absolute;left:15px;top:15px;cursor:pointer;padding:10px}.close__menu svg path{fill:var(--text-color)}.menu__content{display:flex;flex-direction:column;align-items:center;z-index:1}.menu__links{display:flex;flex-direction:column}.menu__link{text-align:center;margin:.2rem 0;font-size:clamp(1.2rem,7vw,2rem);color:var(--text-color)}@media (max-width: 320px){.menu__link{margin-bottom:0rem}.nav__hidden{display:none}}@media (min-width: 1500px){.menu__nav{display:none}.nav__links{display:flex}.hamburger{display:none}.menu__bg--active{display:none!important}}.main{min-height:65vh;display:flex;flex-direction:column;justify-content:center}.main__title h1{font-size:clamp(40px,4vw,5.5rem);text-align:center;text-transform:uppercase;margin-bottom:0;line-height:120%}.main__title h2{text-transform:uppercase;font-size:clamp(1.2rem,6vw,2.5rem);margin:0;font-weight:400;text-align:center}.main__text{margin:1.5rem 0;align-self:center;color:var(--light);font-size:clamp(1rem,5vw,1.3rem);text-align:center;max-width:65ch}.btn__container{margin:1.5rem 0;display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(2,1fr)}.btn__container .btn{margin:0;transition:.2s}.btn__container .btn:first-child{margin-left:0}.btn__container .btn:hover,.btn:focus{transform:translateY(-.2rem)}@media (min-width: 768px){.btn__container{display:flex;justify-content:center}.btn__container .btn:nth-child(2n+2){margin:0 10px}}@media (max-width: 320px){.btn__container{grid-template-columns:auto}}.form__group{margin-bottom:15px;display:flex;flex-direction:column}.form__group label{font-size:1.2rem;color:var(--text-color)}.form__input{color:var(--text-color);font-size:1rem;padding:.5rem;border:1.5px solid var(--secondary);background-color:var(--dark);border-radius:.5rem;transition:.3s border;resize:vertical;max-width:100%;min-width:100%}.form__small{font-size:1rem;color:var(--text-color);font-style:italic}.form__link{text-decoration:underline}.skills__icons{width:100%;margin:2rem 0;display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(7.5rem,8rem));align-items:center}.skills__icon{position:relative;display:flex;flex-direction:column;justify-content:center;max-width:7.5rem;max-height:7.5rem;background:none;border:none;border-radius:.5rem}.skills__icon svg{opacity:.7;max-width:7.5rem;max-height:7.5rem;width:100%;height:100%;transition:.2s}.skills__icon svg:hover{filter:brightness(120%)}.skills__icon svg path{fill:var(--text-color)}.tooltip:hover:after{opacity:1}.tooltip:after{text-align:center;z-index:20;position:absolute;content:attr(aria-label);opacity:0;width:100%;bottom:110%;left:50%;transform:translate(-50%);transition:opacity .2s;background:var(--secondary);color:var(--text-color);padding:7px 10px;border-radius:.5rem;box-shadow:0 8px 16px #161b2233;pointer-events:none;font-weight:500;font-size:1.1rem}.lg:after{width:200px}.skills__icon:focus:after{opacity:1}@media (max-width: 768px){.skills__icons svg{width:5rem;height:5rem}.skills__icons{grid-template-columns:repeat(auto-fill,minmax(5rem,6rem));justify-content:center}}.view-older-btn{display:none;position:absolute;left:50%;bottom:-70px;transform:translate(-50%);background:none;border:none;padding:0;color:var(--text-color);font-weight:500;font-size:1rem;cursor:pointer;transition:transform .3s;display:flex;flex-direction:column;align-items:center}.view-older-btn.active svg{transform:rotate(180deg)}.timeline-section{margin-top:3rem}.timeline{margin:0 auto 80px;position:relative;max-width:1200px}.timeline::-webkit-scrollbar{width:5px}.timeline:after{content:"";position:absolute;top:0;bottom:0;width:6px;background:var(--secondary);left:50%;margin-left:-3px;filter:brightness(150%);border-radius:.5rem}.timeline-item{display:block;position:relative;width:50%}.left{padding:10px 40px 10px 0}.right{padding:10px 0 10px 40px}.timeline-item:after{z-index:80;content:"";position:absolute;top:50%;right:-13px;width:25px;height:25px;background:var(--secondary);border-radius:50%;transform:translateY(-50%)}.left{left:0}.right{left:50%}.right:after{left:-12px}.left:before{content:"";height:0px;width:0px;position:absolute;top:50%;right:30px;border:solid var(--secondary);border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--secondary);transform:translateY(-50%)}.right:before{content:"";height:0px;width:0px;position:absolute;top:50%;left:30px;border:10px solid var(--secondary);border-width:10px 10px 10px 0;border-color:transparent var(--secondary) transparent transparent;transform:translateY(-50%)}.timeline-item-body{display:block;border-radius:.5rem;transition:box-shadow .3s ease;padding:.8rem 1rem;background:var(--secondary);color:#fff;font-size:1.1rem;box-shadow:0 2px 4px #161b224d}.timeline-item-header{display:flex;align-items:center;justify-content:space-between;color:#fff;margin-bottom:.5rem}.reverse{flex-direction:row-reverse}.timeline-item-header p{font-size:1rem;color:var(--text-color);background:var(--secondary);padding:.2rem .5rem;border-radius:.5rem;filter:brightness(80%);font-weight:700;margin:0}.timeline-item-header h1{font-size:clamp(1rem,2vw,1.3rem);color:var(--text-color);margin:.2rem 0}@media screen and (max-width: 1300px){.timeline:after{left:20px}.timeline-item{width:100%;padding-left:55px;padding-right:0}.timeline-item:before{left:45px;border-width:10px 10px 10px 0;border-color:transparent var(--secondary) transparent transparent}.left:after,.right:after{left:8px;z-index:80}.right{left:0}.reverse{flex-direction:row}}@media (hover: hover){.timeline-item-body:hover{box-shadow:0 0 18px #161b224d}.timeline-link:hover{color:#fff}.view-older-btn:hover{transform:translate(-50%) scale(1.1)}}.footer{display:flex;justify-content:center;align-items:center;height:8rem;padding-bottom:0;flex-direction:column;border-top:1px solid #939aa5}.footer a{text-decoration:underline}.footer__content{display:flex;justify-content:space-between;align-items:center;width:var(--content-width)}@media (max-width: 450px){.footer__content{text-align:center;flex-direction:column}}.footer__icon{width:100px;height:100px}@media (max-width: 768px){.footer__icon{display:none}}.footer__links{margin:auto}.footer__links a{font-size:1.1rem;margin:0 20px}.projects__container{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));grid-gap:1rem;gap:1rem}.project__item{padding:1rem;color:#fff;background:var(--secondary);border-radius:.5rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 4px #161b224d;transition:box-shadow .2s,transform .2s}.project__item__header{font-size:clamp(1.5rem,7vw,2rem)}.project__item__body{font-size:clamp(1rem,4vw,1.1rem)}.project__item__footer{padding-top:.5rem;display:flex}.project__item__footer a{margin-right:.5rem!important;font-weight:600}@media (max-width: 400px){.project__item__footer{flex-direction:column}}@media (hover: hover){.project__item:hover{box-shadow:0 8px 16px #161b224d;transform:translateY(-.2rem)}}.modal__container{z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;background:rgba(0,0,0,.4);animation:fadeIn .2s;display:flex}.modal{background:var(--secondary);color:#fff;width:500px;max-width:95%;padding:1rem;border-radius:.7rem}.modal__header{display:flex;font-size:2rem;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1.5px solid var(--text-color)}.close__modal{display:flex;align-items:center;width:45px;height:45px;background:none;border:none;cursor:pointer;font-size:2rem;border-radius:50%;transition:all .2s}.close__modal svg{fill:#fff}.close__modal:hover{background:rgba(255,255,255,.2)}.modal__body{font-size:clamp(1rem,2vw,1.3rem)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#nprogress{pointer-events:none}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:1.5rem;right:1.5rem}#nprogress .spinner-icon{width:1.5rem;height:1.5rem;box-sizing:border-box;border:solid 2px transparent;border-top-color:var(--text-color);border-left-color:var(--text-color);border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menuOpen{right:500px}@media (max-width: 767px){.menuOpen{left:-100%;right:auto;width:100%}.nav__icon{font-size:1.2rem}.footer p{text-align:center}}