:root{--main-color: #3aa0f3;--secondary: #e4f33a;--background: #01050e;--accent: #041232;--text: #ffffff;--oposite-text: #01050e;--shades: #e5e5e5;--color-success: #009f05;--color-progress: #f0db4f}.socials{display:flex;flex-direction:row;justify-content:center;align-items:center;width:fit-content;height:fit-content;margin:1em 0;position:relative}.socials p{color:var(--text);border:1px solid var(--text)}.socials i{margin:0 .5em;color:var(--text);font-size:1.75rem;-webkit-user-select:none;user-select:none;cursor:pointer}.socials i.pulse{animation:pulse2 1.5s infinite}.socials__resume-btn{margin:0 .5em;padding:.5em 1em;background:none;box-shadow:none;border:1px solid var(--text);color:var(--text);border-radius:1em;cursor:pointer;text-transform:uppercase}.navbar{display:flex;justify-content:center;align-items:center;position:sticky;top:0;--navbar-height: 4rem;background:transparent;z-index:1000;padding:0;min-height:var(--navbar-height);margin-bottom:calc(-1 * var(--navbar-height));-webkit-user-select:none;user-select:none;transition:background-color .5s ease,box-shadow .5s ease}.navbar--scrolled{background-color:rgba(from var(--background) r g b/.95);box-shadow:0 2px 4px rgba(from var(--main-color) r g b/.4)}.navbar__burger-menu{display:block;position:absolute;top:1rem;right:1rem;z-index:101}.navbar__burger-menu i{color:var(--text);font-size:1.5rem;cursor:pointer}.navbar__items{display:flex;position:absolute;background-color:rgba(from var(--background) r g b/1);top:-100dvh;left:0;right:0;padding:0;flex-direction:column;align-items:center;justify-content:center;z-index:100;transition:top .5s ease-in-out;height:100dvh}.navbar__items.active{top:0;color:var(--background)}.navbar__items a,.navbar__items a:visited{display:flex;align-items:center;justify-content:center;position:relative;color:var(--text);font-size:1.5rem;text-decoration:none;cursor:pointer;overflow:hidden;z-index:1;text-align:center;width:100%;height:15dvh;border-bottom:1px solid rgba(from var(--main-color) r g b/.25)}.navbar__items a:hover,.navbar__items a:visited:hover{font-weight:200}.navbar__items a:first-of-type,.navbar__items a:visited:first-of-type{border-top:1px solid rgba(from var(--main-color) r g b/.25)}.navbar__items a:hover:before,.navbar__items a:visited:hover:before{left:0}.navbar__items a:hover:after,.navbar__items a:visited:hover:after{right:0}@property --num{syntax: "<integer>"; initial-value: 0; inherits: false;}.header{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;min-height:100dvh;background-image:linear-gradient(rgba(from var(--background) r g b/.75) 20%,rgba(from var(--background) r g b/1) 99%),url(/assets/img/backgrounds/web3-7637962_1920.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--text);transition:min-height .3s ease}.header .header--shrink{min-height:50dvh}.header__content{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;margin:2em}.header__content__info{width:100%;text-align:center;margin-bottom:2em}.header__content__info h1{margin-bottom:.25em;font-size:3rem;-webkit-user-select:text;user-select:text}.header__content__info__hello{font-size:3rem;color:var(--text)}.header__content__info__title{margin:0;font-size:2.5rem}.header__content__info__accent{font-size:3rem;color:var(--main-color)}.scroll-down-header{display:block}@keyframes pulse2{0%{transform:scale(1.15)}50%{transform:scale(1)}to{transform:scale(1.15)}}.techstack{width:100%;min-height:100dvh;position:relative}.techstack h2{align-self:flex-start;justify-self:flex-start}.techstack__boxes{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;gap:2em}.techstack__box{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;-webkit-user-select:none;user-select:none}.techstack__box h3{color:var(--text);font-size:1.2rem;margin:0 auto 0 .5em;letter-spacing:.1em}.techstack__box__items{display:grid;align-content:flex-start;grid-template-columns:repeat(auto-fit,minmax(8em,1fr));width:100%;gap:.2em;margin-top:.5em;padding:.5em;border:2px dashed rgba(from var(--main-color) r g b/.25);border-radius:1em}.techstack__box__item{display:flex;justify-content:center;align-items:center;margin:0 auto;height:2.5em;width:8em;background-color:rgba(from var(--accent) r g b/.1);border-radius:.5em;-webkit-user-select:none;user-select:none}.techstack__box__item p{display:block;width:100%;margin:0 .25em;font-size:.8rem;color:var(--text)}.techstack__box__item img{width:1.4em;height:1.4em;margin-right:.1em;border-radius:.25em}.techstack__box__item:hover{transform:scale(1.1);transition:all .3s ease-in-out}.aboutme{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100dvh;color:var(--text);position:relative}.aboutme__separator{width:15%;height:4px;background-color:var(--main-color);margin:3em auto;-webkit-user-select:none;user-select:none}.aboutme__intro{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.aboutme__intro__experience{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;line-height:1.5em;font-size:1.25rem}.aboutme__intro__experience__years{display:inline-block;min-width:1.1em;text-align:center;font-size:1.75rem}.aboutme__intro__experience__days{display:inline-block;min-width:1.75em;text-align:center;font-size:1.3rem}.aboutme__intro__experience__number-animation{color:var(--main-color)}.aboutme__intro__description{line-height:1.5;font-size:1.25rem;text-align:center}.services{width:100%;height:100%}.services__list{display:flex;flex-direction:column;gap:2em;margin:0 1em}.services__list__item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;padding:2em 1.5em;background-color:rgba(var(--main-color),.5);border-radius:8px;box-shadow:0 0 10px rgba(from var(--main-color) r g b/.3);transition:transform .3s ease,box-shadow .3s ease}.services__list__item:hover{transform:translateY(-5px);box-shadow:0 0 20px rgba(from var(--main-color) r g b/.45)}.services__list__item i{font-size:4rem;color:var(--text);margin-bottom:.5em;text-align:center}.services__list__item__title{font-size:1.25rem;color:var(--text);margin-bottom:.5em}.services__list__item__description{color:var(--shades);line-height:1.75em}.projects{width:100%;min-height:100dvh;position:relative}.projects__items{display:flex;flex-direction:column;justify-content:center;row-gap:2em}.projects__items__item{display:flex;flex-direction:column;border:2px solid rgba(from var(--main-color) r g b/.25);border-radius:1em;overflow:hidden;transition:transform .3s ease;width:100%}.projects__items__item__image{width:100%;height:200px}.projects__items__item__image-img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.projects__items__item__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:1.5em 1.5em 0}.projects__items__item__content__titlebox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.75em}.projects__items__item__content__titlebox__title{font-size:1.25rem;color:var(--text);font-weight:600;justify-self:center;width:66%}.projects__items__item__content__titlebox__status{margin-left:1em;padding:.25em .75em;background-color:rgba(from var(--main-color) r g b/.1);border:1px solid rgba(from var(--main-color) r g b/.4);border-radius:1em;font-size:.875rem;font-weight:500;width:7em;text-align:center}.projects__items__item__content__titlebox__version{padding:.25em .75em;background-color:rgba(from var(--main-color) r g b/.1);border:1px solid rgba(from var(--main-color) r g b/.4);border-radius:1em;font-size:.875rem;font-weight:500;color:#00d1f6}.projects__items__item__content__description{color:var(--text);margin-bottom:1em;line-height:1.6}.projects__items__item__buttons{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:2em;padding:.5em 1.5em 1.5em;width:100%;margin-top:auto}.projects__items__item__buttons__techstack{display:flex;flex-wrap:wrap;gap:.5em}.projects__items__item__buttons__techstack__item{padding:.4em .6em;border:1px solid rgba(from var(--main-color) r g b/.5);border-radius:1em;color:var(--text);font-size:.875rem}.projects__items__item__buttons__links{display:flex;justify-content:flex-end;gap:1em;width:100%}.projects__items__item__buttons__links__item{display:inline-flex;align-items:center;gap:1em;padding:.6em 1em;background-color:rgba(from var(--main-color) r g b/.1);border:1px solid rgba(from var(--main-color) r g b/.4);border-radius:.5em;color:var(--text);text-decoration:none;transition:all .3s ease;font-size:.9rem;cursor:pointer}.projects__items__item__buttons__links__item i{font-size:1rem}.projects__items__item__buttons__links__item:hover{background-color:rgba(from var(--main-color) r g b/.2);transform:scale(1.05)}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--background);width:100%;min-height:85dvh}.contact p{text-align:center;color:var(--text);font-size:1.25rem}.contact__items{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;height:100%;gap:6em;margin-top:4em;margin-bottom:4em}.contact__items__information{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:25dvh}.contact__items__information__item{display:flex;flex-direction:column;align-items:center;margin-bottom:2em;padding:1em 0;background-color:rgba(from var(--accent) r g b/.5);border:2px solid rgba(from var(--main-color) r g b/.25);border-radius:.5em;min-width:fit-content;width:90%}.contact__items__information__item h3{color:var(--main-color);font-size:1.25rem;margin-bottom:.75em}.contact__items__information__item p{color:var(--text);font-size:1.1rem}.contact__items__information__item a{color:var(--text);font-size:1.1rem;text-decoration:none}.contact__items__information__item a:hover{text-decoration:underline}.contact__items__form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;width:100%;min-height:25dvh;row-gap:1em}.contact__items__form__group{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:1em;width:100%;-webkit-user-select:none;user-select:none}.contact__items__form__group label{color:var(--text);font-size:1.25rem;margin-right:.75em;min-width:80px;text-align:right;-webkit-user-select:none;user-select:none}.contact__items__form__group input,.contact__items__form__group textarea{width:100%;flex:1;padding:.5em 0;font-size:1rem;border:2px solid rgba(from var(--main-color) r g b/.25);border-radius:.5em;background-color:rgba(from var(--accent) r g b/.5);color:var(--text);resize:vertical}.contact__items__form__group input:focus,.contact__items__form__group textarea:focus{outline:none;border-color:var(--main-color);box-shadow:0 0 5px rgba(from var(--main-color) r g b/.5)}.contact__items__form__group textarea{min-height:10em;max-height:30em}.contact__items__form__button{margin:0 auto;padding:.75em 1.5em;font-size:1rem;color:var(--text);background-color:var(--main-color);border:none;border-radius:.5em;cursor:pointer;transition:background-color .3s ease-in-out;-webkit-user-select:none;user-select:none}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:15dvh;background-color:var(--accent);color:var(--text)}.footer__divider{width:80%;height:2px;background-color:rgba(from var(--main-color) r g b/.85);margin:1em auto}.footer__message{display:flex;justify-content:center;align-items:center;width:100%;font-size:1rem}.footer__message__name{display:none;font-weight:600;color:var(--main-color);font-size:1.25rem}.footer__message__title{display:none;color:rgba(from var(--text) r g b/.75)}.footer__copyright{font-size:.9rem;text-align:center}@media screen and (min-width: 568px){.wrapper{margin:0 auto;width:auto;max-width:500px}}@media screen and (min-width: 768px){h2{font-size:1.5rem}.wrapper{margin:0 auto;width:100%;max-width:600px}.navbar__burger-menu{display:none}.navbar a{margin:0 1em 0 0;padding:.25em;text-decoration:none;font-size:1.1rem;transition:color .3s ease-in-out;width:auto}.navbar__items{display:flex;position:static;flex-direction:row;justify-content:flex-end;align-items:center;background:none;border:none;padding:0;box-shadow:none;height:auto}.navbar__items__theme-mode{display:block;margin:0 0 0 auto}.navbar__items__theme-mode-mobile{display:none}.navbar__items a{display:inline-block;position:relative;padding:.1em .3em .2em;height:auto;color:var(--text);cursor:pointer;overflow:hidden;border-bottom:none}.navbar__items a:first-of-type{border-top:none}.navbar__items a:after{content:"";display:block;position:absolute;transition:1s;z-index:-1;opacity:0}.navbar__items a:after{width:100%;height:10%;background-color:rgb(from var(--main-color) r g b)}.navbar__items a:after{bottom:0;right:-125%}.navbar__items a:hover:after,.navbar__items a.active:after{right:0;opacity:1}.navbar__items a:active:after{opacity:1;transition:0s;right:0}.header{scroll-snap-align:start}.header__content__info__title h1{font-size:3rem}.header__content__info__title p{font-size:2rem}.header__content__info__socials i{font-size:1.5rem}.aboutme{scroll-snap-align:start}.aboutme__intro__experience{font-size:1.05rem}.services__list{flex-direction:row;justify-content:flex-start;align-items:flex-start}.services__list__item{width:33%}.techstack{scroll-snap-align:start}.techstack__box__items{grid-template-columns:repeat(auto-fit,minmax(10em,1fr))}.techstack__box__item{width:10em}.techstack__box__item p{font-size:1rem}.techstack__box__item img{width:1.7em;height:1.7em;margin-right:.15em}.projects{scroll-snap-align:start}.projects__items{flex-direction:row;justify-content:space-between;column-gap:1em}.projects__items__item{flex-direction:column;width:50%}.projects__items__item__content{min-height:25em}.projects__items__content__titlebox__title{font-size:1.5rem}.contact{scroll-snap-align:start}.contact__items__information__item{width:70%}.contact__items__form__button{margin:0}.footer__message{font-size:1.25rem;justify-content:space-between}.footer__message__name{display:block;font-size:1.5rem}.footer__message__title{display:block}.footer__copyright{font-size:1rem}.scroll-down{display:block!important}}@media screen and (min-width: 992px){h2{font-size:1.75rem}.wrapper{margin:0 auto;width:100%;max-width:800px}.section-heading{font-size:2.5rem}.header__content__info__title h1{font-size:3.5rem}.header__content__info__title p{font-size:2rem}.header__content__info__socials i{font-size:1.75rem}.aboutme{scroll-snap-align:start}.aboutme__intro__experience{font-size:1.25rem}.services__list__item{height:20em}.techstack__boxes{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:1em}.techstack__box{width:47%;margin-bottom:2em}.techstack__box__items{height:16em;gap:.5em}.projects__items__item__content{min-height:10em;max-height:15em}.contact__items{flex-direction:row-reverse;gap:1em}}@media screen and (min-width: 1200px){.wrapper{max-width:1000px}.header__content__info__title h1{font-size:4rem}.header__content__info__title p{font-size:2.5rem}.header__content__info__socials i{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html,body{height:100%;overflow-x:hidden;scrollbar-color:var(--main-color) var(--background);scrollbar-width:thin}body{font-family:Open Sans,sans-serif;font-size:16px;background-color:var(--background)}h2{width:fit-content;margin:1em auto;font-size:2rem;text-align:center;color:var(--text);position:relative;-webkit-user-select:none;user-select:none}h2:after{content:"";display:block;width:50%;height:3px;background-color:var(--main-color);margin:.1em 0 0 auto;border-radius:2px}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.main-content{flex:1;position:relative;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory}.section-spacing{padding:4em 1em 1em}.scroll-down{display:none;position:absolute;bottom:.5em;left:50%;transform:translate(-50%);margin:2em 0;-webkit-user-select:none;user-select:none;cursor:pointer}.scroll-down__icon{margin:0 auto;font-size:2rem;color:var(--text)}