.socials{font-size:25px;display:flex;justify-content:center;text-align:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.socials>*{padding:0 2%}.contact .form-wrapper{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:flex;justify-content:center;flex-direction:column;align-items:center}.contact .form-wrapper #title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:50px;font-weight:600}.contact .form-wrapper #description{width:70%;font-size:19px;font-weight:400;text-align:center;transition:color .5s linear;color:var(--gray2);margin-top:10px;margin-bottom:20px}.contact .form-wrapper form{width:70%;height:450px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.contact .form-wrapper form>*{background-color:var(--gray4);color:var(--gray2);transition:background-color .5s linear,color .5s linear}.contact .form-wrapper form input{height:30px}.contact .form-wrapper form input,.contact .form-wrapper form textarea{width:310px;font-size:14px;border:none;padding-left:10px;border-radius:5px}.contact .form-wrapper form textarea{height:200px;padding-top:10px}.contact .form-wrapper form button{width:150px;height:30px;border:none;border-radius:10px;cursor:pointer}.contact #footer{position:absolute;z-index:0;bottom:10px;font-size:14px;padding-bottom:3px;width:100%;text-align:center}@media(max-width:481px){.contact .socials{position:absolute;top:18px;width:100%}}@media(max-width:991px){.contact .form-wrapper #title{font-size:34px}.contact .form-wrapper #description{font-size:14px;font-weight:400;color:var(--gray2);margin-top:10px;margin-bottom:20px}.contact .form-wrapper form{height:60%;justify-content:center}.contact .form-wrapper form>*{margin:10px}.contact .form-wrapper form input{width:90%}.contact .form-wrapper form textarea{width:90%;height:20%}.contact .socials{position:absolute;bottom:5vh;bottom:calc(var(--vh, 1vh)*5);width:100%}.contact #footer{font-size:12px;bottom:1vh;bottom:calc(var(--vh, 1vh)*1);left:350%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.intro{background-color:transparent}.intro #c{width:100%;height:100%;opacity:1}.intro .info{z-index:1;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;left:50%;top:50vh;top:calc(var(--vh, 1vh)*50);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100vw;height:40vh;height:calc(var(--vh, 1vh)*40)}.intro .info h1{font-size:60px;font-weight:600}.intro .info h4{font-size:22px;font-weight:400}.intro p{font-size:30px;font-weight:200}.intro .arrow-border{position:absolute;border-radius:50%;top:85vh;top:calc(var(--vh, 1vh)*85);font-size:25px;font-weight:700;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:linear-gradient(190deg,var(--gradient1),var(--gradient2));padding:3px}.intro .arrow-container{width:50px;height:50px;border-radius:50%;background-color:var(--bg);display:flex;align-items:center;justify-content:center}.intro .arrow-container .arrow{display:flex;align-items:center;justify-content:center;color:var(--bg)}@-webkit-keyframes MoveUpDown{0%,to{-webkit-transform:translateY(-3px);transform:translateY(-3px)}50%{-webkit-transform:translateY(3px);transform:translateY(3px)}}@keyframes MoveUpDown{0%,to{-webkit-transform:translateY(-3px);transform:translateY(-3px)}50%{-webkit-transform:translateY(3px);transform:translateY(3px)}}@media(max-width:991px){.intro .info h1{font-size:37px;font-weight:600}.intro .info h4{font-size:13px;font-weight:500}.intro .arrow-border{top:77vh;top:calc(var(--vh, 1vh)*77)}.intro .arrow-container{width:45px;height:45px;font-size:25px}@-webkit-keyframes MoveLeftRight{0%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}50%{-webkit-transform:translateX(2px);transform:translateX(2px)}}@keyframes MoveLeftRight{0%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}50%{-webkit-transform:translateX(2px);transform:translateX(2px)}}}.timeline-element{border-radius:50px;height:20px;position:absolute;overflow:visible}.timeline-element .info{border-left:1px solid var(--gray1);z-index:-1;position:absolute;left:7px;color:var(--gray1);height:130px;width:250px;word-wrap:break-word;display:flex;flex-direction:column;transition:all .4s ease-in-out;-webkit-transform-origin:top;transform-origin:top;overflow:visible}.timeline-element .info .text{padding-left:5px}.timeline-element .info .text h3{font-size:17px}.timeline-element .info .text h5{font-size:13px}.timeline-element .info .text p.title{font-size:12px;font-weight:400}.timeline-element .info .text .description ul{padding-top:10px;padding-left:0;list-style-type:none;font-size:11px;font-weight:400}.timeline-element .info .text .description ul li{padding-top:5px}.timeline-element .info .description-enter{opacity:0}.timeline-element .info .description-enter-active{opacity:1;transition:opacity 1s}.timeline-element .info .description-enter-done,.timeline-element .info .description-exit{opacity:1}.timeline-element .info .description-exit-active{opacity:0;transition:opacity .3s}.timeline-element .info .description-exit-done{opacity:0}.timeline-element:hover .info{height:250px}.timeline-element.top{top:-25px}.timeline-element.top .info{height:105px;bottom:0}.timeline-element.top:hover .info{height:185px}.timeline-element.center .info{bottom:0}.timeline-element.center:hover .info{height:210px}.timeline-element.bottom{top:25px}.timeline-element.bottom .info{justify-content:flex-end;top:0}@media(max-width:991px){.timeline-element{border-radius:50px;width:20px;position:absolute;overflow:visible}.timeline-element .info{border-left:none;border-top:1px solid var(--gray1);flex-direction:row;width:130px;top:5px;left:5px;bottom:0;left:0}.timeline-element .info .text{padding-left:0;width:110px}.timeline-element .info .text h3{font-size:12px}.timeline-element .info .text h5{font-size:11px}.timeline-element .info .text p.title{font-size:10px;font-weight:400}.timeline-element.bottom{left:-25px}.timeline-element.bottom .info{justify-content:flex-start;left:-127px;top:5px}.timeline-element.center{text-align:right;height:200px}.timeline-element.center .info{width:155px;justify-content:flex-end;left:5px;top:5px}.timeline-element.top{left:25px;text-align:right}.timeline-element.top .info{justify-content:flex-end;left:5px;top:5px}}.timeline{border-radius:50px;overflow:visible}.experience #title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;top:10%;left:50%;-webkit-transform:translate(-50%,-10%);transform:translate(-50%,-10%);font-size:50px;font-weight:600;z-index:1}.experience #description{position:relative;top:12%;left:50%;-webkit-transform:translate(-50%,-12%);transform:translate(-50%,-12%);width:87%;font-size:19px;font-weight:400;text-align:center;color:var(--gray2);transition:color .5s linear}.experience .timeline{position:absolute;left:50vw;top:157vh;top:calc(var(--vh, 1vh)*157);position:relative;left:50%;top:40%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:87%;height:0}@media(max-width:991px){.experience #title{position:relative;top:7%;font-size:34px}.experience #description{position:relative;top:8%;text-justify:inter-word;text-align:justify;font-size:14px}.experience #description p{margin-top:10px}.experience .timeline{position:relative;left:50%;top:9%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:90vh;height:calc(var(--vh, 1vh)*90);margin-bottom:20vh;margin-bottom:calc(var(--vh, 1vh)*20);background-color:red}}.tag{margin-right:10px;padding:2px 5px;border-radius:10px;font-size:12px;font-weight:700;border:2px solid transparent;transition:border .3s linear,background-color .5s linear,color .5s linear,-webkit-transform .1s linear;transition:border .3s linear,transform .1s linear,background-color .5s linear,color .5s linear;transition:border .3s linear,transform .1s linear,background-color .5s linear,color .5s linear,-webkit-transform .1s linear}.tag.active{border:2px solid}.tag.active.clickable:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tag.inactive{border:2px transparent}.tag.inactive.clickable:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-card{background-color:var(--gray5);border-radius:15px;margin:10px 30px;width:260px;height:285px;box-shadow:0 3px 5px rgba(0,0,0,.04);transition:background-color .5s linear,color .5s linear,-webkit-transform .3s linear;transition:transform .3s linear,background-color .5s linear,color .5s linear;transition:transform .3s linear,background-color .5s linear,color .5s linear,-webkit-transform .3s linear;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;will-change:transform}.project-card .image{position:relative;top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%;height:140px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;background-size:cover;background-position:center bottom 10%}.project-card .text{padding:10px}.project-card .text>*{padding:3px}.project-card .text h3{font-size:16px;font-weight:600;color:var(--gray1);transition:color .5s linear}.project-card .text .tags{display:flex;flex-direction:row}.project-card .text .description{font-size:12px;font-weight:200;text-align:justify;text-justify:inter-word}.project-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.projects{box-sizing:border-box;will-change:transform}.projects #title{position:relative;top:10%;left:50%;-webkit-transform:translate(-50%,-10%);transform:translate(-50%,-10%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:50px;font-weight:600}.projects #description{top:11%;width:80%;font-size:19px;font-weight:400;text-align:center;color:var(--gray2);transition:color .5s linear}.projects #description,.projects .filter-list{position:relative;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.projects .filter-list{width:70%;top:13%;display:flex;align-items:center;justify-content:center;flex-direction:row;height:35px}.projects .filter-list .tag{margin-right:15px;text-align:center;vertical-align:middle}.projects .cards{position:relative;top:14%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:95%;height:70vh;height:calc(var(--vh, 1vh)*70)}.projects .cards .row{display:flex;align-items:flex-start;justify-content:center}@media(max-width:481px){.projects #title{position:relative;top:6%}.projects #description{position:relative;top:7%}.projects .filter-list{position:relative;top:9%}.projects .cards{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;top:10%;margin-bottom:20vh;margin-bottom:calc(var(--vh, 1vh)*20)}.projects .cards .row{flex-direction:column;align-items:center;justify-content:center}.projects .cards .row .project-card{width:90%}.projects .cards .row .project-card .tags .tag{font-size:10px}}@media(max-width:991px){.projects #title{font-size:34px}.projects #description{font-size:14px}.projects .filter-list{width:90%;height:55px;flex-wrap:wrap}.projects .cards{width:90%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.projects .cards .row{align-items:center;justify-content:center}.projects .cards .row .project-card{width:240px}.projects .cards .row .project-card:hover{-webkit-transform:none;transform:none}}.topbar{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:fixed;opacity:0;top:0;z-index:2}.topbar,.topbar .wrapper{width:100%;display:flex;align-items:center}.topbar .wrapper{padding:10px 20px;justify-content:space-between}.topbar .wrapper .left{flex:1 1;display:flex;justify-content:flex-start;font-size:20px}.topbar .wrapper .left h1{font-weight:800}.topbar .wrapper .socials{flex:1 1}.topbar .wrapper .right{flex:1 1;display:flex;justify-content:flex-end;text-align:center;font-weight:500;font-size:17px}.topbar .wrapper .right>*{padding-left:3%}.topbar .wrapper .right a:after{content:"";display:block;width:0;height:2px;background-color:var(--gray1);transition:all .5s}.topbar .wrapper .right a.active:after{width:100%}.topbar.topbar-enter{opacity:0}.topbar.topbar-enter-active{opacity:1;transition:opacity .2s}.topbar.topbar-exit{opacity:1}.topbar.topbar-exit-active{opacity:0;transition:opacity .2s}.topbar.topbar-exit-done{opacity:0}.topbar.topbar-enter-done{opacity:1}@media(max-width:481px){.topbar{top:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);height:60px;box-shadow:0 7px 29px 0 rgba(100,100,111,.2)}.topbar .wrapper{background-color:var(--gray5);padding:0;justify-content:center;height:100%}.topbar .wrapper .left{flex:0 1;font-size:15px}.topbar .wrapper .right{flex:1 1;font-size:10px;align-items:center;justify-content:space-around;height:100%;color:var(--gray3);font-weight:700}.topbar .wrapper .right .link{padding:0}.topbar .wrapper .right .link #icon{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:20px}.topbar .wrapper .right a.active:after{width:0}}.switch{background-color:var(--bg);transition:background-color .2s linear,color .2s linear;cursor:pointer;width:inherit;height:inherit;display:flex;align-items:center;justify-content:center;border-radius:50%}.switch input{display:none}.nav-arrows{position:fixed;justify-content:space-between;align-items:center;width:0;z-index:200}.nav-arrows>*{font-size:35px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-arrows .left{position:fixed;margin-left:1.5%;top:50%}.nav-arrows .right{position:fixed;margin-right:1.5%;top:50%;right:0}.app.theme-light{--bg:#f7f7f7;--gray1:#1c1c1c;--gray2:#414141;--gray3:#969696;--gray4:#e7e7e7;--gray5:#fff;--gray:#535353;--bg-gray:#e7e7e7;--blue:#0084ff;--bg-blue:#e6f3ff;--water-green:#44a057;--light-green:#a6fda9;--green:#00ba34;--dark-green:#044f1a;--bg-green:#e6f8eb;--orange:#f98600;--bg-orange:#f3e8db;--red:#e92c2c;--bg-red:#ffebeb;--purple:#9a28e6;--bg-purple:#f1e5f5;--yellow:#ffdf00;--bg-yellow:#fffbe1;--pink:#d872cf;--bg-pink:#f8e2f6;--cyan:#00c5c5;--bg-cyan:#d0fafa;--gradient1:#97dafb;--gradient2:#6d83ff}.app.theme-dark{--bg:#000;--gray1:#e7e7e7;--gray2:#d8d8d8;--gray3:#707070;--gray4:#313131;--gray5:#1d1d1d;--gray:#f0f0f0;--bg-gray:#535353;--blue:#e0edfa;--bg-blue:#168fff;--bg-water-green:#44a057;--bg-light-green:#a6fda9;--green:#e8ffee;--bg-dark-green:#044f1a;--bg-green:#28ce51;--orange:#fff4e8;--bg-orange:#ffa83d;--red:#ffe1e1;--bg-red:#ef4b56;--purple:#f2dfff;--bg-purple:#aa2efc;--yellow:#fdfae0;--bg-yellow:#f6e334;--pink:#ffe7fd;--bg-pink:#e47adb;--cyan:#ebffff;--bg-cyan:#00c5c5;--gradient1:#70cdfb;--gradient2:#5063ce}.app .blue{background:--var(--gradient1);background:linear-gradient(-190deg,var(--gradient1),var(--gradient2));-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app>*{background-color:var(--bg);color:var(--gray1);transition:background-color .5s linear,color .5s linear}.app a{text-decoration:none;color:inherit}.app .lightModeSwitch{z-index:3;position:fixed;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:700;background:linear-gradient(190deg,var(--gradient1),var(--gradient2));padding:3px}.app .sections{display:flex;flex-flow:row nowrap;justify-content:space-between;flex:none;width:100vw;height:100vh;height:calc(var(--vh, 1vh)*100);position:absolute;scroll-behavior:smooth;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{width:100vw;height:100%;scroll-snap-align:center;flex:none}@media(max-width:991px){.app .sections{scroll-behavior:auto}}@media(max-width:481px){.app .lightModeSwitch{bottom:0;top:10px;right:10px;width:30px;height:30px;font-size:17px;padding:2px}}
/*# sourceMappingURL=main.e0e5e6ed.chunk.css.map */