@font-face{font-family:"Calibre";src:url("/src/assets/fonts/Calibre/CalibreLight.otf") format("opentype");font-weight:100}@font-face{font-family:"Calibre";src:url("/src/assets/fonts/Calibre/CalibreRegular.otf") format("opentype");font-weight:300}@font-face{font-family:"Calibre";src:url("/src/assets/fonts/Calibre/CalibreMedium.otf") format("opentype");font-weight:500}@font-face{font-family:"Calibre";src:url("/src/assets/fonts/Calibre/CalibreSemibold.otf") format("opentype");font-weight:600}@font-face{font-family:"Calibre";src:url("/src/assets/fonts/Calibre/CalibreBold.otf") format("opentype");font-weight:800}@font-face{font-family:"Calibre";src:url("/src/assets/fonts/Calibre/CalibreBlack.otf") format("opentype");font-weight:900}@font-face{font-family:"SF Mono";src:url("/src/assets/fonts/SFMono/SFMono-Light.otf") format("opentype");font-weight:100}@font-face{font-family:"SF Mono";src:url("/src/assets/fonts/SFMono/SFMono-Regular.otf") format("opentype");font-weight:300}@font-face{font-family:"SF Mono";src:url("/src/assets/fonts/SFMono/SFMono-Medium.otf") format("opentype");font-weight:500}@font-face{font-family:"SF Mono";src:url("/src/assets/fonts/SFMono/SFMono-Bold.otf") format("opentype");font-weight:800}@font-face{font-family:"SF Mono";src:url("/src/assets/fonts/SFMono/SFMono-Heavy.otf") format("opentype");font-weight:900}@font-face{font-family:"Fira Code";src:url("/src/assets/fonts/Fira/FiraCode-Light.ttf") format("truetype");font-weight:100}@font-face{font-family:"Fira Code";src:url("/src/assets/fonts/Fira/FiraCode-Regular.ttf") format("truetype");font-weight:500}@font-face{font-family:"Fira Code";src:url("/src/assets/fonts/Fira/FiraCode-Medium.ttf") format("truetype");font-weight:600}@font-face{font-family:"Fira Code";src:url("/src/assets/fonts/Fira/FiraCode-SemiBold.ttf") format("truetype");font-weight:800}@font-face{font-family:"Fira Code";src:url("/src/assets/fonts/Fira/FiraCode-Bold.ttf") format("truetype");font-weight:900}*{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}@media(max-width: 991px){html{font-size:12px}}body{background-color:#0a192f}body,html{font-family:"Calibre",sans-serif}a{display:block;text-decoration:none}button{border:0;outline:none;cursor:pointer}img{display:block}hr{border:0}div,section{scroll-behavior:smooth}div::-webkit-scrollbar-track,section::-webkit-scrollbar-track{background:#112240 !important}div::-webkit-scrollbar-thumb,section::-webkit-scrollbar-thumb{background:#233554 !important}div::-webkit-scrollbar-thumb:hover,section::-webkit-scrollbar-thumb:hover{background:#64ffda !important}.header{width:100%;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,0);padding:20px;position:fixed;top:0;left:0;z-index:9;transition:padding .3s,border .3s}.header--scroll{background-color:#0a192f;border-color:#233554}.header__container{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.header__brand{width:35px;display:flex}.header__right{display:flex;align-items:center}.header__right__nav{margin-right:30px}.header__right__nav>div{display:flex;align-items:center}@media(max-width: 991px){.header__right__nav{display:none;opacity:0;transition:opacity .15s}.header__right__nav>div{min-width:150px;height:100vh;flex-direction:column;justify-content:center;background-color:#0a192f;border-left:1px solid #233554;box-sizing:border-box;margin-right:0;padding:20px;position:absolute;transition:right .25s;top:0;right:-150px;z-index:99}.header__right__nav::after{content:"";width:100vw;height:100vh;box-sizing:border-box;background-color:rgba(2,12,27,.7);position:absolute;top:0;left:0}}.header__right__nav a{font-family:"Fira Code" !important;font-weight:300;color:#ccd6f6;font-size:.8125rem;margin-right:20px}@media(max-width: 991px){.header__right__nav a{text-align:center;font-size:1rem;line-height:1.5rem;margin-right:0;margin-bottom:30px}.header__right__nav a span:nth-child(1){display:block}}.header__right__nav a:last-child{margin-right:0;margin-bottom:0}.header__right__nav a:hover{color:#64ffda}.header__right__nav a span:nth-child(1){color:#64ffda}.header__right__resume{display:block}@media(max-width: 991px){.header__right__resume{display:none}}.header__right__burger{display:none;background-color:rgba(0,0,0,0);position:relative;z-index:99}@media(max-width: 991px){.header__right__burger{display:block}}.header__right__burger span{display:block;width:35px;height:2px;background-color:#ccd6f6;border-radius:4px;margin-bottom:8px;position:relative;transform:rotate(0);top:0;left:0;transition:all .3s}.header__right__burger span:last-child{margin-bottom:0}.header__right__burger span:nth-child(1){transform-origin:top left}.header__right__burger span:nth-child(3){transform-origin:top left}.header__right__burger--open span:nth-child(1){left:3px;transform:rotate(45deg)}.header__right__burger--open span:nth-child(2){transform:translateX(-20px);opacity:0}.header__right__burger--open span:nth-child(3){top:5px;transform:rotate(-45deg)}.footer{margin-top:200px;padding-bottom:25px}.footer p{font-family:"SF Mono";color:#a8b2d1;font-size:12px;line-height:12px;font-weight:300;text-align:center}.c-none{display:none}.c-ml-1{margin-left:5px}.c-ml-2{margin-left:10px}.c-ml-3{margin-left:15px}.c-mr-1{margin-right:5px}.c-mr-2{margin-right:10px}.c-mr-3{margin-right:15px}.c-container{max-width:1050px;box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:25px;padding-right:25px}@media(max-width: 1280px){.c-container{max-width:900px}}@media(max-width: 991px){.c-container{max-width:700px}}.c-btn{max-width:max-content;font-family:"Fira Code" !important;font-weight:500 !important;color:#64ffda;background-color:rgba(0,0,0,0);border:1px solid #64ffda;border-radius:4px;padding:20px 28px;line-height:1;transition:all .25s}.c-btn:hover{box-shadow:4px 4px 0 0 #64ffda;transform:translate(-5px, -5px)}.c-btn--small{padding:12px 18px 8px 18px}.c-btn--language{display:flex;align-items:center;justify-content:center;padding:0 10px}.c-btn--language svg{width:20px}.c-sectionTitle{display:flex;align-items:center;margin-bottom:40px}.c-sectionTitle h1{color:#ccd6f6;font-size:2rem;line-height:2rem;font-weight:600;white-space:nowrap}.c-sectionTitle h1 span:nth-child(1){font-family:"Fira Code";font-weight:100;color:#64ffda;font-size:.875rem;line-height:1}.c-sectionTitle hr{display:block;width:100%;height:1px;background-color:#233554;margin-left:20px;position:relative;top:-3.5px}.loadingComponent{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#020c1b;padding:30px;box-sizing:border-box;position:fixed;top:0;left:0;z-index:99999;animation:disappearDIV 2s ease-in 1;opacity:0}.loadingComponent svg{width:200px;animation:disappearSVG 1.85s ease-in 1;transform:scale(0)}.loadingComponent svg polygon{stroke-dasharray:300 300 0 0;stroke-dashoffset:0;animation:polygonLoading 1.5s ease-in-out 1}@keyframes disappearSVG{0%{transform:scale(1)}80%{transform:scale(1)}100%{transform:scale(0)}}@keyframes polygonLoading{from{stroke-dasharray:0 300 0 0}to{stroke-dasharray:300 300 0 0}}@keyframes disappearDIV{0%{opacity:1}90%{opacity:1}100%{opacity:0}}.socialNetworksFixed{display:flex;align-items:center;flex-direction:column;position:fixed;bottom:0;left:50px;z-index:9}@media(max-width: 1280px){.socialNetworksFixed{left:20px}}@media(max-width: 991px){.socialNetworksFixed{display:none}}.socialNetworksFixed a{width:20px;height:20px;padding:15px 10px;position:relative;top:0;transition:top .2s cubic-bezier(0.645, 0.045, 0.355, 1)}.socialNetworksFixed a:last-child{margin-bottom:0}.socialNetworksFixed a:hover{top:-5px}.socialNetworksFixed a:hover svg{stroke:#64ffda !important}.socialNetworksFixed a svg{width:20px;height:20px;stroke:#ccd6f6}.socialNetworksFixed a svg:hover{stroke:#64ffda}.socialNetworksFixed hr{background-color:#ccd6f6;width:1px;height:90px;margin-top:15px}.emailFixed{display:flex;align-items:center;flex-direction:column;position:fixed;bottom:0;right:50px;z-index:9}@media(max-width: 1280px){.emailFixed{right:20px}}@media(max-width: 991px){.emailFixed{display:none}}.emailFixed a{width:20px;height:20px;color:#ccd6f6;font-size:1rem;font-weight:300;position:relative;top:-160px;left:-1px;transition:top .2s cubic-bezier(0.645, 0.045, 0.355, 1);writing-mode:vertical-lr}.emailFixed a:hover{color:#64ffda !important}.emailFixed hr{background-color:#ccd6f6;width:1px;height:90px;margin-top:15px}.notification{display:none;align-items:center;background-color:#112240;border-radius:4px;box-sizing:border-box;padding:14px 20px 10px 20px;position:fixed;right:10px;z-index:9;box-shadow:0 10px 30px -15px rgba(2,12,27,.7);transition:all .3s;opacity:0;bottom:-10px}.notification svg{width:20px;margin-right:8px;position:relative;top:-2px}.notification p{color:#ccd6f6;font-size:1.125rem;line-height:1.4rem}.introduction{margin-top:200px}.introduction h3{font-family:"Fira Code";color:#64ffda;font-size:1rem;line-height:1rem;font-weight:500;margin-bottom:30px}.introduction h1{color:#ccd6f6;font-size:5rem;line-height:5rem;font-weight:600}.introduction h1 span{display:block;color:#8892b0}.introduction h2{max-width:570px;color:#8892b0;font-size:1.25rem;line-height:1.5rem;font-weight:300;margin-top:10px}.introduction .c-btn{margin-top:50px}.aboutMe{display:grid;grid-template-columns:1fr 300px;column-gap:60px;row-gap:40px;margin-top:200px}@media(max-width: 991px){.aboutMe{grid-template-columns:1fr}}.aboutMe__leftContent__text{color:#8892b0;font-size:1.25rem;line-height:1.5rem;font-weight:300;margin-bottom:15px}.aboutMe__leftContent__text:last-child{margin-bottom:0}.aboutMe__leftContent__text span{color:#64ffda}.aboutMe__leftContent__technologies{display:grid;grid-template-columns:repeat(4, auto);row-gap:10px;column-gap:30px}@media(max-width: 768px){.aboutMe__leftContent__technologies{display:flex;flex-wrap:wrap}}.aboutMe__leftContent__technologies p{font-family:"Fira Code";color:#8892b0;font-size:.8125rem;line-height:.8125rem;font-weight:500;position:relative;margin-bottom:8px}.aboutMe__leftContent__technologies p:last-child{margin-bottom:0}.aboutMe__leftContent__technologies p::before{content:"▹";color:#64ffda;font-size:12px;line-height:12px;margin-right:8px}.aboutMe__rightContent{width:300px;height:300px;background-color:#64ffda;border-radius:4px;margin-top:72px;box-shadow:0 20px 30px -15px rgba(2,12,27,.7);transition:transform .25s;position:relative}.aboutMe__rightContent::after{content:"";width:300px;height:300px;border:2px solid #64ffda;border-radius:4px;position:absolute;top:14px;left:14px;z-index:-1;transition:transform .25s}.aboutMe__rightContent:hover{transform:translate(-4px, -4px)}.aboutMe__rightContent:hover::after{transform:translate(8px, 8px)}.aboutMe__rightContent:hover img{mix-blend-mode:normal;filter:none}@media(max-width: 991px){.aboutMe__rightContent{margin:0 auto}}.aboutMe__rightContent img{width:300px;height:300px;border-radius:4px;object-fit:cover;filter:grayscale(100%) contrast(1);mix-blend-mode:multiply}.worked{margin-top:220px}.worked__tabs{display:grid;grid-template-columns:170px 1fr;column-gap:50px;position:relative}@media(max-width: 991px){.worked__tabs{grid-template-columns:1fr}}.worked__tabs__options{font-size:.875rem;position:relative}@media(max-width: 991px){.worked__tabs__options{display:flex;overflow-x:auto;padding-bottom:10px}.worked__tabs__options::-webkit-scrollbar{height:5px}}.worked__tabs__options__bar{width:2px;height:46px;background-color:#64ffda;position:absolute;top:0;left:0;transition:top .3s}@media(max-width: 991px){.worked__tabs__options__bar{width:90px;height:2px;top:initial;bottom:10px;transition:width .3s,left .3s}}.worked__tabs__options__btn{width:100%;display:block;text-align:left;color:#8892b0;font-size:.875rem;background-color:rgba(0,0,0,0);border-left:2px solid #233554;padding:15px 20px}.worked__tabs__options__btn--active{color:#64ffda;background-color:#112240}.worked__tabs__options__btn:hover{color:#64ffda;background-color:#112240}@media(max-width: 991px){.worked__tabs__options__btn{white-space:nowrap;border-left:initial;border-bottom:2px solid #233554}}.worked__tabs__content{display:none;padding-top:15px}.worked__tabs__content--show{display:block;opacity:1;animation:opacityAnimation .6s ease}@keyframes opacityAnimation{from{opacity:0}to{opacity:1}}.worked__tabs__content h3{color:#ccd6f6;font-size:1.375rem;line-height:1.375rem;font-weight:500;margin-bottom:10px}.worked__tabs__content h3 span{color:#64ffda}.worked__tabs__content h4{font-family:"SF Mono";font-weight:100;color:#a8b2d1;font-size:.8125rem;line-height:.8125rem;margin-bottom:25px}.worked__tabs__content p{color:#8892b0;font-size:1.125rem;line-height:1.4rem;font-weight:300;margin-bottom:20px}.worked__tabs__content p:last-child{margin-bottom:0}.projects{margin-top:200px}.projects__cards__card{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;margin-bottom:100px;position:relative}.projects__cards__card:last-child{margin:0}@media(min-width: 991px){.projects__cards__card--invert .projects__cards__card__left{grid-column:2/3 !important}.projects__cards__card--invert .projects__cards__card__left__divImage{left:-100px}.projects__cards__card--invert .projects__cards__card__right{grid-column:1/2 !important;grid-row:1/2}.projects__cards__card--invert .projects__cards__card__right h4,.projects__cards__card--invert .projects__cards__card__right h3,.projects__cards__card--invert .projects__cards__card__right a,.projects__cards__card--invert .projects__cards__card__right p{text-align:left}.projects__cards__card--invert .projects__cards__card__right__tags,.projects__cards__card--invert .projects__cards__card__right__btns{justify-content:start}}@media(max-width: 991px){.projects__cards__card{display:block;box-shadow:0 10px 30px -15px rgba(2,12,27,.7);margin-bottom:50px}}.projects__cards__card__left{width:100%;height:100%;position:relative}@media(max-width: 991px){.projects__cards__card__left{position:absolute;top:0;left:0}}.projects__cards__card__left__divImage{width:calc(100% + 100px);height:100%;background-color:#64ffda;mix-blend-mode:screen;border-radius:10px;position:relative}@media(max-width: 991px){.projects__cards__card__left__divImage{width:100%;background-color:rgba(0,0,0,0)}}.projects__cards__card__left__divImage img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(100%) contrast(1) brightness(45%);mix-blend-mode:multiply;border-radius:4px;filter:drop-shadow(0px 0px 1px #233554)}@media(max-width: 991px){.projects__cards__card__left__divImage img{filter:grayscale(100%) contrast(0.8) brightness(35%)}}.projects__cards__card__left:hover img{mix-blend-mode:normal;filter:none}.projects__cards__card__right{position:relative;z-index:1}@media(max-width: 991px){.projects__cards__card__right{background-color:rgba(17,34,64,.85);border-radius:4px;padding:20px 30px}}.projects__cards__card__right h4{text-align:right;font-family:"Fira Code";font-weight:100;color:#64ffda;font-size:.8125rem;line-height:.8125rem;margin-bottom:15px}@media(max-width: 991px){.projects__cards__card__right h4{text-align:left !important;margin-bottom:8px}}.projects__cards__card__right h3 a{text-align:right;color:#ccd6f6;font-size:1.75rem;line-height:1.75rem;font-weight:600}@media(max-width: 991px){.projects__cards__card__right h3 a{text-align:left !important}}.projects__cards__card__right__about{text-align:right;color:#a8b2d1;font-size:1.125rem;line-height:1.4rem;font-weight:300;background-color:#112240;border-radius:4px;box-shadow:0 10px 30px -15px rgba(2,12,27,.7);padding:25px;margin:22px 0 25px 0}@media(max-width: 991px){.projects__cards__card__right__about{background-color:rgba(0,0,0,0);box-shadow:none;padding:0;text-align:left !important}}.projects__cards__card__right__about span,.projects__cards__card__right__about a{color:#64ffda}.projects__cards__card__right__tags{display:flex;justify-content:flex-end;margin-bottom:25px}@media(max-width: 991px){.projects__cards__card__right__tags{justify-content:start !important}}.projects__cards__card__right__tags p{font-family:"Fira Code";color:#a8b2d1;font-size:.8125rem;line-height:.8125rem;margin-right:20px}.projects__cards__card__right__tags p:last-child{margin-right:0}.projects__cards__card__right__btns{display:flex;justify-content:flex-end}@media(max-width: 991px){.projects__cards__card__right__btns{justify-content:start !important}}.projects__cards__card__right__btns a{width:20px;height:20px;margin-right:20px}.projects__cards__card__right__btns a:last-child{margin-right:0}.projects__cards__card__right__btns a svg{width:20px;height:20px;stroke:#ccd6f6}.projects__cards__card__right__btns a svg:hover{stroke:#64ffda}.otherProjects h1{text-align:center;color:#ccd6f6;font-size:2rem;line-height:2rem;font-weight:600;margin-bottom:-10px}.otherProjects__archer{text-align:center;font-family:"SF Mono";color:#64ffda;font-size:.875rem;line-height:.875rem;font-weight:100}.otherProjects__cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:15px;margin-top:50px}@media(max-width: 991px){.otherProjects__cards{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}}.otherProjects__cards__card{display:flex;flex-direction:column;border-radius:4px;background-color:#112240;box-shadow:0 10px 30px -15px rgba(2,12,27,.7);transition:all .3s;box-sizing:border-box;padding:28px 20px;position:relative;top:0;transition:top .2s cubic-bezier(0.645, 0.045, 0.355, 1)}.otherProjects__cards__card:hover{top:-7px;box-shadow:0 20px 30px -15px rgba(2,12,27,.7)}.otherProjects__cards__card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;position:relative;z-index:2}.otherProjects__cards__card__top__folder{width:40px;height:40px;stroke:#64ffda}.otherProjects__cards__card__top__btns{display:flex}.otherProjects__cards__card__top__btns p{width:20px;height:20px;margin-right:20px}.otherProjects__cards__card__top__btns p:last-child{margin-right:0}.otherProjects__cards__card__top__btns p svg{width:20px;height:20px;stroke:#ccd6f6}.otherProjects__cards__card__top__btns p svg:hover{stroke:#64ffda}.otherProjects__cards__card h3{margin-bottom:10px;color:#ccd6f6;font-size:1.75rem;line-height:1.75rem;font-weight:600}.otherProjects__cards__card h3:hover{color:#64ffda}.otherProjects__cards__card__about{color:#a8b2d1;font-size:1.125rem;line-height:1.4rem;font-weight:300}.otherProjects__cards__card__tags{height:100%;display:flex;align-items:end;flex-wrap:wrap;row-gap:10px;margin-top:20px}.otherProjects__cards__card__tags p{font-family:"SF Mono";color:#a8b2d1;font-size:.8125rem;line-height:.8125rem;margin-right:20px}.otherProjects__cards__card__tags p:last-child{margin-right:0}.otherProjects__showMoreBtn{margin:50px auto 0 auto}.otherProjects__modal{width:100%;height:100%;display:none;align-items:center;justify-content:center;background-color:rgba(10,25,47,.7);box-sizing:border-box;padding:50px;position:fixed;top:0;left:0;z-index:1000}.otherProjects__modal__container{max-width:800px;width:100%;height:80%;border-radius:4px;background-color:#112240;box-shadow:0 10px 30px -15px rgba(2,12,27,.7);box-sizing:border-box;padding:25px}.otherProjects__modal__container__carousel{height:100%;position:relative}.otherProjects__modal__container__carousel__container{height:100%;overflow:hidden}.otherProjects__modal__container__carousel__container__slider{height:100%;display:flex;transition:transform .3s}.otherProjects__modal__container__carousel__container__slider__item{min-width:100%;height:100%}.otherProjects__modal__container__carousel__container__slider__item img{display:block;width:100%;height:100%;object-fit:cover}.otherProjects__modal__container__carousel__arrows{width:100%;display:flex;justify-content:space-between;position:absolute;top:50%;left:0;transform:translateY(-50%)}.contact{margin-top:200px}.contact__topic{text-align:center;font-family:"Fira Code";color:#64ffda;font-size:.875rem;line-height:1;margin-bottom:20px}.contact h1{text-align:center;color:#ccd6f6;font-size:3.75rem;line-height:3.75rem;font-weight:500;margin-bottom:10px}.contact__text{max-width:600px;text-align:center;color:#8892b0;font-size:1.25rem;line-height:1.5rem;margin:0 auto 15px auto}.contact__social{display:flex;justify-content:center;align-items:center}.contact__social--mail{margin-bottom:20px}.contact__social a{display:flex;align-items:center;cursor:pointer;padding:10px 10px;position:relative;top:0;transition:top .2s cubic-bezier(0.645, 0.045, 0.355, 1)}.contact__social a:last-child{margin-bottom:0}.contact__social a:hover{top:-5px}.contact__social a:hover svg{stroke:#64ffda !important}.contact__social a:hover p{color:#64ffda}.contact__social a svg{width:20px;height:20px;stroke:#ccd6f6}.contact__social a svg:hover{stroke:#64ffda}.contact__social a p{color:#8892b0;font-size:1rem;line-height:1rem;margin-left:10px}.contact .c-btn{margin:0 auto}/*# sourceMappingURL=indexPage.css.map */