html{scroll-behavior:smooth}body{max-width:100vw;overflow-x:hidden;background-color:#1d1d1d;margin:0;font-size:24px;font-family:"Titillium Web",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.center{display:flex;align-items:center;justify-content:center}h1{font-size:8em}h1,h2{font-weight:700;text-align:center;text-transform:uppercase}h2{font-size:4em}@media screen and (max-width:992px){h2{font-size:3em}}h3{font-weight:700;font-size:2em;text-align:justify}@media screen and (max-width:720px){h3{font-size:1.5em}}.App{font-size:calc(10px + 2vmin);color:#000;width:100vw}.App-logo{position:absolute;height:40vmin}.App-header{background-color:rgba(40,44,52,0);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}footer{background-color:#1d1d1d;color:#e9eaec;text-align:center;font-family:"Montserrat",sans-serif;font-size:9px;font-weight:400;letter-spacing:8px}.row{max-width:100vw}.slope{position:absolute;z-index:2}.slope1{top:-78px;left:0;height:80px;width:100%;-webkit-clip-path:polygon(0 0,0 100%,100% 100%);clip-path:polygon(0 0,0 100%,100% 100%);background:#e9eaec}.slope2{top:-49px;right:0;height:50px;width:70%;-webkit-clip-path:polygon(100% 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 100%,100% 100%);background:#3a67c7}.slope3{bottom:-79px;right:0;height:80px;width:100%;-webkit-clip-path:polygon(0 0,100% 100%,100% 0);clip-path:polygon(0 0,100% 100%,100% 0);background:#e9eaec}.slope4{bottom:-50px;left:0;height:50px;width:70%;-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0);background:#3a67c7}.slope-divider{position:relative;min-height:200px;min-width:100vw;background:#e9eaec}.home-section{height:100vh;width:100vw}.home-section .container-bg{height:100%;width:100%;background-image:url(/static/media/bg-big.e836c4f8.webp);background-size:calc(100vw + 400px) calc(100vh + 400px);background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;transition:.4s ease-out}@media screen and (min-width:420px){.home-section .container-bg{background-position:50% 50%}}@media screen and (max-width:720px){.home-section .container-bg{background-size:auto 100vh}}@media screen and (max-width:420px){.home-section .container-bg{animation:backgroundFloat 5s linear infinite alternate-reverse}}.home-section .container-bg .text-wrap{position:relative;max-width:60%;font-size:5rem;line-height:1.1em;padding:5px;background:#fff;border-radius:10px;box-shadow:2px 2px 1px 1px rgba(0,0,0,.57)}@media screen and (max-width:1244px){.home-section .container-bg .text-wrap{max-width:90%;font-size:3rem}}@media screen and (max-width:500px){.home-section .container-bg .text-wrap{font-size:2rem}}@media screen and (max-width:310px){.home-section .container-bg .text-wrap{font-size:1.4rem}}@media screen and (max-width:240px){.home-section .container-bg .text-wrap{max-width:70%;text-align:center}}.home-section .container-bg .text-wrap .hand-icon{position:absolute;visibility:hidden;top:-50px;left:45%;font-size:2rem;color:rgba(58,103,199,.3)}@media screen and (max-width:1024px){.home-section .container-bg .text-wrap .hand-icon{visibility:visible;animation:handFloat 1s linear infinite alternate-reverse}}.home-section .container-bg .text-wrap .text-name{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;letter-spacing:3px;background-image:url(/static/media/bg-big.e836c4f8.webp);background-size:calc(100vw + 400px) calc(100vh + 400px);background-position:50%;background-attachment:fixed;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.1px rgba(0,0,0,.05);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;transition:.4s ease-out}@media screen and (min-width:420px){.home-section .container-bg .text-wrap .text-name{background-position:50% 50%}}@media screen and (max-width:720px){.home-section .container-bg .text-wrap .text-name{background-size:auto 100vh}}@media screen and (max-width:420px){.home-section .container-bg .text-wrap .text-name{animation:backgroundFloat 5s linear infinite alternate-reverse}}.home-section .container-bg .text-wrap .text-name:hover{letter-spacing:5px}.home-section .container-bg .text-wrap .description{padding:5% 5% 2%;margin:0;color:#1d1d1d;cursor:pointer;-webkit-animation:zoomIn .3s ease-out forwards;animation:zoomIn .3s ease-out forwards}@media screen and (min-width:1244px){.home-section .container-bg .text-wrap .description{padding:5% 5% 2%}}.home-section .container-bg .text-wrap .description .description-text{max-height:255px;padding:0 10px;text-align:justify;font-size:1.2rem;line-height:1.2em}@media screen and (max-width:1244px){.home-section .container-bg .text-wrap .description .description-text{font-size:1rem}}@media screen and (max-width:500px){.home-section .container-bg .text-wrap .description .description-text{overflow-y:auto;font-size:.8rem}}.home-section .container-bg .text-wrap .description .description-text ::-webkit-scrollbar{width:3px}.home-section .container-bg .text-wrap .description .description-text ::-webkit-scrollbar-track{background:#f1f1f1}.home-section .container-bg .text-wrap .description .description-text ::-webkit-scrollbar-thumb{background:#1d1d1d}.home-section .container-bg .text-wrap .description .colorFade{-webkit-animation:colorFade 1.3s forwards;animation:colorFade 1.3s forwards}.home-section .container-bg .text-wrap .description .links{width:100%;height:75px;margin-top:20px}.home-section .container-bg .text-wrap .description .links .col{display:flex;align-items:center;justify-content:center}.home-section .container-bg .text-wrap .description .links .col a{font-size:3rem;color:#1d1d1d!important;text-decoration:none!important;transition-duration:.3s}.home-section .container-bg .text-wrap .description .links .col a:hover{color:#3a67c7!important}.slope-divider{margin-top:-2vh!important;z-index:11}.slope-divider h2{font-family:"Almendra SC",serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;background-image:url(/static/media/battle.e00d5209.jpg);background-attachment:fixed;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#git{-webkit-animation:slideLeft 2s ease forwards;animation:slideLeft 2s ease forwards;right:10px!important}#lin{-webkit-animation:slideRight 2s ease forwards;animation:slideRight 2s ease forwards;left:10px!important}.colorFade{-webkit-animation:colorFade 1s ease 2s forwards;animation:colorFade 1s ease 2s forwards}.skills-section{position:relative;min-height:100vh;margin-top:200px;padding:100px 10vw 150px;background-color:#1d1d1d}.skills-section ul{list-style:none;text-align:center;padding:0}.skills-section li,.skills-section ul li{position:relative;display:inline-block;text-align:center}.skills-section li{margin:5vh 4vw;height:300px;width:187.5px}@media screen and (max-width:420px){.skills-section li{height:85vw;width:53.125vw}}.skills-section li .scene{position:relative;height:100%;width:100%}.slope0{bottom:0;left:0;height:80px;width:100%;-webkit-clip-path:polygon(0 100%,0 0,100% 100%);clip-path:polygon(0 100%,0 0,100% 100%);background:#e9eaec}.box-card{display:inline-block;height:100%;width:100%;font-size:.6em;text-align:justify;transform-style:preserve-3d;transform:perspective(1000px) rotateY(0deg);transition:transform .3s}.box-card:hover{transform:perspective(1000px) rotateY(-78deg)}.box-card:hover img,.box-card:hover p{-webkit-animation:fadeOutish .2s linear forwards;animation:fadeOutish .2s linear forwards}.box-card .card-front,.box-card .card-side{position:absolute;height:100%;width:100%;background-color:#e9eaec;-webkit-backface-visibility:hidden;backface-visibility:hidden}.box-card .card-front{padding-top:10%;text-align:center;box-shadow:-3px 5px 17px -3px hsla(0,0%,100%,.3);transform:translateZ(94px)}@media screen and (max-width:420px){.box-card .card-front{padding-top:15%;transform:translateZ(26vw)}}.box-card .card-front img{max-height:150px;max-width:90%}.box-card .card-front p{margin-top:30px;font-family:"Almendra SC",serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:2em;color:#1d1d1d}@media screen and (max-width:420px){.box-card .card-front p{margin-top:15px}}@media screen and (max-width:250px){.box-card .card-front p{visibility:hidden}}.box-card .card-front .exp-bar{position:relative;width:80%;height:14px;margin:0 10%;padding:2px;background-color:#1d1d1d}.box-card .card-front .exp-bar .developing{position:absolute;right:20px;top:0;max-width:30px;color:#fad02c;font-size:11px;-webkit-animation:floatRight 2s infinite;animation:floatRight 2s infinite}@-webkit-keyframes floatRight{0%{right:20px}to{right:2px}}@keyframes floatRight{0%{right:20px}to{right:2px}}@media screen and (max-width:280px){.box-card .card-front .exp-bar{visibility:hidden}}.box-card .card-front .exp-bar .exp{position:absolute;top:2px;left:2px;width:50%;height:10px;background-color:#fad02c}.box-card .card-side{padding:10px 10px 5px;right:0;top:0;box-shadow:3px 3px 25px -3px hsla(0,0%,100%,.3);transform:rotateY(90deg) translateZ(90px)}@media screen and (max-width:420px){.box-card .card-side{transform:rotateY(90deg) translateZ(25vw)}}.box-card .card-side .card-desc{max-height:calc(100% - 15px);padding:5px;overflow-y:auto;font-size:.9rem;line-height:1}.box-card .card-side .card-desc .comment{font-style:italic}@media screen and (max-width:250px){.box-card .card-side .card-desc{font-size:.5rem}}.box-card .card-side ::-webkit-scrollbar{width:3px}.box-card .card-side ::-webkit-scrollbar-track{background:#f1f1f1}.box-card .card-side ::-webkit-scrollbar-thumb{background:#1d1d1d}.row{margin:0}.projects-section{margin:100px 0;padding-top:50px;z-index:2;width:100vw;min-height:100vh;background-color:#1d1d1d}@media screen and (max-width:420px){.projects-section{padding-top:20px}}.projects-section .row1{height:calc(15vw + 100px);margin-top:50px}.projects-section .text-title{text-align:center;color:#e9eaec;letter-spacing:6px;margin:50px 10px 0}.projects-section .text-title span{font-size:15px}.projects-section:before{z-index:-1;top:-5vh;transform-origin:top left;transform:skewY(-2deg)}@media screen and (max-width:1100px){.projects-section:before{height:100px}}.thumbnail-list{display:flex;flex-flow:wrap;padding:20px 15%;background-color:hsla(0,0%,100%,.014)}.thumbnail-list .thumbnail{flex:1 1;box-sizing:border-box;margin:15px}.thumbnail-list .thumbnail .active{transition:.2s ease-in;box-shadow:0 0 50px 5px hsla(0,0%,100%,.315)}.thumbnail-list .thumbnail .thumbnail-wrap{position:relative;display:block;margin:0 auto;width:250px;height:135px;cursor:pointer}.thumbnail-list .thumbnail .thumbnail-wrap:hover img{-webkit-filter:blur(2px);filter:blur(2px);transition:.2s ease-in}.thumbnail-list .thumbnail .thumbnail-wrap:hover .thumbnail-info{visibility:visible;transition:.2s ease-in}.thumbnail-list .thumbnail .thumbnail-wrap:hover .thumbnail-info .title{opacity:1;transition:.2s ease-in}.thumbnail-list .thumbnail .thumbnail-wrap img{display:block;margin:0 auto;width:250px;height:135px}.thumbnail-list .thumbnail .thumbnail-wrap .thumbnail-info{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;visibility:hidden;width:250px;height:100%;top:0;left:0;padding:40px}.thumbnail-list .thumbnail .thumbnail-wrap .thumbnail-info .title{font-size:21px;font-weight:700;line-height:18px;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;text-shadow:0 4px 13px #000,0 2px 13px #000,0 12px 23px #000}.slider-btn{margin:0 7vw;font-size:2em;color:#3a67c7;cursor:pointer}.slider-btn:hover{color:rgba(58,103,199,.75)}.disabled{cursor:default!important}.disabled,.disabled:hover{color:rgba(58,103,199,.3)!important}#mobile-btns{padding-top:15px}@media screen and (max-width:991px){#mobile-btns{margin-top:9vw}}@media screen and (max-width:420px){#mobile-btns{margin-top:55vw}}#mobile-btns .slider-btn{margin:0 10px}.wrapper{position:relative;height:12.5vw;width:25vw}@media screen and (max-width:991px){.wrapper{width:55vw;height:27.5vw}}@media screen and (max-width:420px){.wrapper{width:60vw;height:90vw}}.wrapper .slider{position:relative;height:12.5vw;width:25vw;transform-style:preserve-3d;transform:perspective(1000px) rotateY(0deg);transition:transform .7s}@media screen and (max-width:991px){.wrapper .slider{width:55vw;height:27.5vw}}@media screen and (max-width:420px){.wrapper .slider{width:60vw;height:90vw}}.wrapper .slider .slide-center,.wrapper .slider .slide-left,.wrapper .slider .slide-right{position:absolute;height:100%;width:100%;background-color:#e9eaec;-webkit-backface-visibility:hidden;backface-visibility:hidden}.wrapper .slider .slide-center{transform:translateZ(12.5vw)}@media screen and (max-width:992px){.wrapper .slider .slide-center{transform:translateZ(27.5vw)}}@media screen and (max-width:420px){.wrapper .slider .slide-center{transform:translateZ(30vw)}}.wrapper .slider .slide-left{left:0;top:0;transform:rotateY(-90deg) translateZ(12.5vw)}@media screen and (max-width:992px){.wrapper .slider .slide-left{transform:rotateY(-90deg) translateZ(27.5vw)}}@media screen and (max-width:420px){.wrapper .slider .slide-left{transform:rotateY(-90deg) translateZ(30vw)}}.wrapper .slider .slide-right{right:0;top:0;transform:rotateY(90deg) translateZ(12.5vw)}@media screen and (max-width:992px){.wrapper .slider .slide-right{transform:rotateY(90deg) translateZ(27.5vw)}}@media screen and (max-width:420px){.wrapper .slider .slide-right{transform:rotateY(90deg) translateZ(30vw)}}.wrapper .slider .shadow{height:25vw;width:25vw;bottom:0;background-color:rgba(0,0,0,.3);box-shadow:0 0 30px 5px rgba(0,0,0,.45)!important;transform:rotateX(90deg) translateZ(-1.66667vw)}@media screen and (max-width:991px){.wrapper .slider .shadow{width:55vw;height:55vw;transform:rotateX(90deg) translateZ(-3.66667vw)}}@media screen and (max-width:420px){.wrapper .slider .shadow{width:60vw;height:60vw;transform:rotateX(90deg) translateZ(-67.66917vw)}}@media screen and (max-height:625px){.wrapper .slider .shadow{visibility:hidden}}.container{margin-top:50px;color:#e9eaec;font-size:.75em}.container .project-info{background:hsla(0,0%,100%,.05);padding:20px 40px;border-radius:5px;font-size:.8em}@media screen and (max-width:455px){.container .project-info{padding:20px;font-size:1em}}.container .project-info .text-project{color:#3a67c7;letter-spacing:2px}.container .project-info .desc-project{text-align:justify}.animationSlideLeft{-webkit-animation:rotateLeft .7s linear forwards;animation:rotateLeft .7s linear forwards}@-webkit-keyframes rotateLeft{0%s{transform:perspective(1000px) rotateY(0deg)}to{transform:perspective(1000px) rotateY(90deg)}}@keyframes rotateLeft{0%s{transform:perspective(1000px) rotateY(0deg)}to{transform:perspective(1000px) rotateY(90deg)}}.animationSlideRight{-webkit-animation:rotateRight .7s linear forwards;animation:rotateRight .7s linear forwards}@-webkit-keyframes rotateRight{0%{transform:perspective(1000px) rotateY(0deg)}to{transform:perspective(1000px) rotateY(-90deg)}}@keyframes rotateRight{0%{transform:perspective(1000px) rotateY(0deg)}to{transform:perspective(1000px) rotateY(-90deg)}}.text-fadeInOut{-webkit-animation:fadeOutIn 1.4s ease-in-out;animation:fadeOutIn 1.4s ease-in-out}.slide-base{position:relative;background-size:cover;background-repeat:no-repeat;height:12.5vw;width:25vw}@media screen and (max-width:991px){.slide-base{width:100%;height:100%}}@media screen and (max-width:420px){.slide-base{background-position:top}}.slide-base .links-wrap{position:absolute;right:10px;bottom:10px}.slide-base .links-wrap .link{margin-top:10px;height:40px;width:40px;background:rgba(58,103,199,.16);border-radius:50px;box-shadow:0 0 1px 1px #3a67c7}.slide-base .links-wrap .link:hover{background-color:rgba(233,234,236,.13)}.slide-base .links-wrap .link a{font-size:18px;color:#3a67c7}.navbar-side{position:fixed;z-index:111;right:3vw;display:flex;text-align:center;align-items:center;width:100px;height:100vh}@media screen and (max-width:720px){.navbar-side{width:100vw;height:100px}}.navbar-side ul{margin:0;padding:0;list-style:none}@media screen and (max-width:720px){.navbar-side ul{width:100vw;height:100px}}.navbar-side .nav-link{display:block;width:100%;margin:30px 0;font-size:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media screen and (max-width:720px){.navbar-side .nav-link{display:inline-block;margin:0;width:30vw;height:100px;font-size:.7em;text-align:right}}.navbar-side .nav-link .nav-label{width:100%;color:#fff;letter-spacing:5px;opacity:0;transition:.6s ease-in}.navbar-side .nav-link svg{height:20px;width:100px;margin-bottom:-10px}@media screen and (max-width:720px){.navbar-side .nav-link svg{margin-bottom:0;width:30vw}}.navbar-side .nav-link .circle-outside{opacity:.1;transition:.6s ease-in}.navbar-side .nav-link .circle-inside{opacity:.1}.navbar-side .nav-link:hover .circle-inside,.navbar-side .nav-link:hover .circle-outside,.navbar-side .nav-link:hover .nav-label{opacity:1}.navbar-side .nav-link .active{opacity:1!important}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutIn{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeOutIn{0%,to{opacity:1}50%{opacity:0}}@-webkit-keyframes slideLeft{0%{right:250px}to{right:0}}@keyframes slideLeft{0%{right:250px}to{right:0}}@-webkit-keyframes slideRight{0%{left:250px}to{left:0}}@keyframes slideRight{0%{left:250px}to{left:0}}@-webkit-keyframes colorFade{0%{color:#f3f3f3}to{color:#3a67c7}}@keyframes colorFade{0%{color:#f3f3f3}to{color:#3a67c7}}@-webkit-keyframes zoomIn{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes zoomIn{0%{transform:scale(.7)}to{transform:scale(1)}}@-webkit-keyframes backgroundFloat{0%{background-position:49% 50%}to{background-position:52% 50%}}@keyframes backgroundFloat{0%{background-position:49% 50%}to{background-position:52% 50%}}@-webkit-keyframes handFloat{0%{transform:translate(0)}to{transform:translateY(10px)}}@keyframes handFloat{0%{transform:translate(0)}to{transform:translateY(10px)}}.contact-content{position:relative;padding:20px 20px 10px;color:#1d1d1d}@media screen and (max-width:300px){.contact-content{padding:10px 0}}.contact-content .contact-title{position:absolute;top:20%;left:10px;font-size:2em}@media screen and (max-width:460px){.contact-content .contact-title{position:relative}}.contact-content .input{position:relative;display:block;margin-left:auto;margin-right:auto;width:50%;min-width:100px;height:35px;padding:10px 20px;border:none;border-radius:10px;box-shadow:1px 1px 1px rgba(0,0,0,.466);transition:box-shadow .5s}.contact-content .input:focus{outline:none;box-shadow:1px 2px 5px #000}@media screen and (max-width:460px){.contact-content .input{width:90%}}@media screen and (max-width:300px){.contact-content .input{width:90%}}.contact-content .subject-input{height:35px}.contact-content .text-input{height:120px;margin-top:10px;resize:none;overflow-y:auto;border-radius:5px;font-size:15px}.contact-content ::-webkit-scrollbar{width:3px}.contact-content ::-webkit-scrollbar-track{background:#f1f1f1}.contact-content ::-webkit-scrollbar-thumb{background:#1d1d1d}.contact-content .contact-info{text-align:justify;max-width:60%;font-size:.8em}.contact-content .contact-info a{text-decoration:none!important}.contact-content .contact-info a:hover{color:#3a67c7!important}@media screen and (max-width:600px){.contact-content .contact-info{max-width:90%}}.contact-content button{display:block;height:50px;margin-top:20px;margin-left:auto;margin-right:auto;padding:10px 20px;border-radius:3px;border:none;background:#1d1d1d;color:#e9eaec;font-size:18px;box-shadow:1px 1px 1px #1d1d1d;transition:box-shadow .2s}.contact-content .alert-box,.contact-content button:hover{box-shadow:1px 2px 5px #1d1d1d}.contact-content .alert-box{position:absolute;right:20%;top:20%;z-index:111;width:200px;min-height:50px;border-radius:3px;color:#f3f3f3;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.contact-content .alert-box .alert-content{position:relative;padding:20px}.contact-content .alert-box .alert-content .close-icon{position:absolute;cursor:pointer;right:10px;top:10px;font-size:15px}.contact-content .alert-box .alert-content .close-icon:hover{color:#e9eaec}.contact-content .alert-box .alert-content p{margin:0;text-align:center;font-size:.8em}.contact-content .success{color:#1d1d1d!important;background:#82ff62}.contact-content .error{background:#3a67c7}
/*# sourceMappingURL=main.fcb1fbfa.chunk.css.map */