body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Montserrat,sans-serif;margin:0;padding:0}h2{margin-bottom:20px}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}h2{font-size:1.9em;text-align:center;text-transform:uppercase}h3{color:#0202b3;font-size:1.3em;padding-bottom:30px;text-align:left}.about-container{background-color:#f8f8ff;padding:30px 20px}#about-title{padding-top:50px}.underline{border-bottom:4px solid orange;border-radius:5px;margin:0 auto 15px;width:70px}.about-content{grid-gap:6rem;display:grid;grid-template-columns:1fr 1fr;margin:80px 35px}@media(max-width:900px){.about-content{grid-template-columns:1fr}}.skills-content{align-items:center;display:flex;flex-direction:column;padding-top:20px}.skills{display:flex;flex-wrap:wrap;gap:15px}.about-pic{display:flex;justify-content:center;padding-top:55px;width:330px}@media(max-width:400px){.about-pic{width:260px}}.square{background-color:hsla(0,0%,64%,.358);border:none;border-radius:4px;box-shadow:5px 5px 10px rgba(0,0,0,.1);color:rgba(0,0,0,.491);display:inline-block;font-size:1.5rem;font-size:1.1em;margin-bottom:3px;padding:15px;transition:.6s}.square:hover{background-color:rgba(0,0,139,.774);color:#f5f5f5;scale:1.1}@media(max-width:400px){.square{font-size:.9em;padding:10px}}.presentation{line-height:1.5;text-align:left}@media(max-width:400px){.presentation{font-size:.9em}}.home{align-items:center;background:linear-gradient(90deg,hsla(0,0%,96%,.765),hsla(0,0%,96%,.664)),url(/static/media/large-triangles.ce899618b9c4b14415de.svg);display:flex;height:100vh;justify-content:center}@media(max-width:900px){.home{position:static}}.text-container{color:#000;font-size:2.7em;letter-spacing:.1em}@media(max-width:900px){.text-container{font-size:1.8em;padding:0 30px}}@media(max-width:500px){.text-container{font-size:1em}}.typewriter{-webkit-animation:typewriter 4s steps(21) infinite alternate,blink .8s step-end infinite;animation:typewriter 4s steps(21) infinite alternate,blink .8s step-end infinite;border-right:4px solid orange;letter-spacing:.1em;margin:0 auto;overflow:hidden;white-space:nowrap}@-webkit-keyframes typewriter{0%{width:0}80%{width:100%}}@keyframes typewriter{0%{width:0}80%{width:100%}}@-webkit-keyframes blink{0%{border-color:#000}to{border-color:#000}}@keyframes blink{0%{border-color:#000}to{border-color:#000}}.firstname{color:orange}.wave-emoji{-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:wave;animation-name:wave;-webkit-transform-origin:70% 70%;transform-origin:70% 70%}@-webkit-keyframes wave{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}80%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}}@keyframes wave{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}80%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}}.wave-emoji{display:inline-block}@-webkit-keyframes ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}to{opacity:0;top:29%}}@keyframes ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}to{opacity:0;top:29%}}.scroll-btn{bottom:5px;display:block;left:0;position:absolute;right:0;text-align:center}.scroll-btn>*{color:rgba(0,0,0,.566);display:inline-block;font-family:proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:2px;line-height:18px}.scroll-btn>.active,.scroll-btn>:focus,.scroll-btn>:hover{color:rgba(0,0,0,.564)}.scroll-btn>.active,.scroll-btn>:active,.scroll-btn>:focus,.scroll-btn>:hover{filter:alpha(opacity=80);opacity:.8}.scroll-btn .mouse{border:3px solid rgba(255,166,0,.543);border-radius:23px;box-sizing:border-box;display:block;height:55px;margin:0 auto 20px;position:relative;width:35px}.scroll-btn .mouse>*{-webkit-animation:ani-mouse 2.5s linear infinite;animation:ani-mouse 2.5s linear infinite;background:rgba(255,166,0,.598);border-radius:50%;display:block;height:8px;left:50%;margin:-4px 0 0 -4px;position:absolute;top:29%;width:8px}.socials{display:flex;justify-content:center;margin-top:30px}.linkedin-logo{width:60px}.socials-container{align-items:center;display:flex;height:55px;justify-content:center;width:200px}@media(max-width:500px){.socials-container{height:25px;width:150px}}.buttons-socials{align-items:center;display:flex;gap:15px}.envelope,.github,.linkedin{width:30px}.container-envelope,.container-git,.container-linkedin{background-color:#fff;border-radius:10px;box-shadow:0 0 50px 20px rgba(0,0,0,.1);cursor:pointer;display:grid;height:40px;line-height:1;place-items:center;transition-duration:.4s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:40px}.container-envelope:hover,.container-git:hover,.container-linkedin:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#contact-title{padding-top:50px}.contact-block{background-color:#f8f8ff;padding:60px 0}.contact-container{display:flex;justify-content:space-around;margin:80px 50px 0}@media(max-width:900px){.contact-container{align-items:center;flex-direction:column}}@media(max-width:400px){.contact-text{font-size:.8em}}.contact-content{align-items:center;color:#00008b;display:flex;flex-direction:column;font-size:1.5em;font-weight:600;gap:40px}.mail-picture{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);width:80%}.form-container{background-color:#00008b;border-radius:10px;box-shadow:10px 10px 13px -7px rgba(0,0,0,.4);height:400px;padding:40px;width:320px}@media(max-width:900px){.form-container{width:60%}}@media(max-width:400px){.form-container{height:350px;padding:20px;width:95%}}form{display:flex;flex-direction:column;gap:25px}.message{border:none;border-radius:5px;height:180px;outline:none;padding:10px 0;width:100%}@media(max-width:400px){.message{height:150px}}form input{background-color:#fff;border:none;border-radius:5px;box-shadow:10px 10px 13px -7px rgba(0,0,0,.1);height:50px;outline:none;width:100%}@media(max-width:400px){form input{height:40px}}.toast{border-radius:8px;bottom:20px;box-shadow:0 6px 18px rgba(0,0,0,.2);color:#fff;font-weight:600;opacity:.95;padding:12px 18px;position:fixed;right:20px;z-index:2000}.toast-success{background:linear-gradient(90deg,#28a745,#2ecc71)}.toast-error{background:linear-gradient(90deg,#e74c3c,#c0392b)}::-webkit-input-placeholder{color:rgba(0,55,255,.619);display:flex;font-size:1.1em;padding-left:5px}::placeholder{color:rgba(0,55,255,.619);display:flex;font-size:1.1em;padding-left:5px}.submit{align-self:flex-end;border-radius:10px;color:#00008b;cursor:pointer;display:flex;font-size:1.1em;font-weight:700;height:45px;justify-content:center;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:100px}.submit:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}@media(max-width:400px){.submit{font-size:.9em;height:30px}}.footer{align-items:CENTER;background-color:#00008b;color:#fff;display:flex;flex-direction:column;font-size:2em;height:120px;justify-content:center;text-align:CENTER}.custom-container-envelope,.custom-container-git,.custom-container-linkedin{border-radius:20px}.copyright{font-size:.5em;margin-top:5px}.socials-footer{display:flex;gap:20px}.logo-footer{background-color:#fff;border-radius:20px;cursor:pointer;padding:3px;width:30px}.logo-footer:hover{opacity:.6}.header{background:#fff;display:flex;justify-content:space-between;position:fixed;width:100%;z-index:1}.name{font-size:1em}.name:hover{color:blue;cursor:pointer;transition:color .4s}@media(max-width:450px){.name{font-size:.8em}}.header-content{font-size:1.2em;font-weight:700}.header-content,nav{align-items:center;display:flex}nav{flex-direction:row;gap:20px;padding-right:15px}@media(max-width:900px){nav{display:none}}nav a{color:rgba(0,0,0,.872);font-size:1.1em;font-weight:600;text-decoration:none;text-transform:uppercase;transition:color .4s}nav a:hover{color:blue}.nav-light{display:flex;gap:20px}.light-mode{align-items:center;display:flex}@media(max-width:900px){.light-mode{-webkit-transform:translateX(-60px);transform:translateX(-60px)}}.button-cv{background-color:orange;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8em;padding:10px;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.button-cv:hover{color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.logo{width:70px}@media(max-width:900px){.hamburger-menu{display:block;z-index:1000}}@media(min-width:901px){.hamburger-menu{display:none}}#menu__toggle{opacity:0}#menu__toggle:checked+.menu__btn>span{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#menu__toggle:checked+.menu__btn>span:before{top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}#menu__toggle:checked+.menu__btn>span:after{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}#menu__toggle:checked~.menu__box{left:0!important}.menu__btn{cursor:pointer;height:26px;position:fixed;right:20px;top:33px;width:26px;z-index:1}.menu__btn>span,.menu__btn>span:after,.menu__btn>span:before{background-color:#142ca5;display:block;height:2px;position:absolute;transition-duration:.25s;width:100%}.menu__btn>span:before{content:"";top:-8px}.menu__btn>span:after{content:"";top:8px}.menu__box{background-color:#091e61;box-shadow:2px 2px 6px rgba(0,0,0,.4);height:100%;left:100%;list-style:none;margin:0;padding:80px 0;position:fixed;text-align:center;text-transform:uppercase;top:70px;width:100%}.menu__box,.menu__item{display:block;transition-duration:.25s}.menu__item{color:#fff;font-family:Roboto,sans-serif;font-size:20px;font-weight:600;padding:12px 24px;text-decoration:none}.menu__item:hover{background-color:rgba(207,216,220,.188)}.switch{display:inline-block;font-size:17px;height:34px;position:relative;width:64px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#73c0fc;border-radius:30px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#e8e8e8;border-radius:20px;bottom:2px;content:"";height:30px;left:2px;width:30px;z-index:2}.sun svg{left:36px;top:6px}.moon svg,.sun svg{height:24px;position:absolute;width:24px;z-index:1}.moon svg{fill:#73c0fc;left:5px;top:5px}.sun svg{-webkit-animation:rotate 15s linear infinite;animation:rotate 15s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.moon svg{-webkit-animation:tilt 5s linear infinite;animation:tilt 5s linear infinite}@-webkit-keyframes tilt{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes tilt{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.input:checked+.slider{background-color:#183153}.input:focus+.slider{box-shadow:0 0 1px #183153}.input:checked+.slider:before{-webkit-transform:translateX(30px);transform:translateX(30px)}#projects-title{padding-top:30px}.projects-container{padding:60px 0}.reveal{opacity:0;position:relative}.reveal.active{opacity:1}.active.fade-bottom{-webkit-animation:fade-bottom 1s ease-in;animation:fade-bottom 1s ease-in}@-webkit-keyframes fade-bottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-bottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.cards-container{display:flex;flex-wrap:wrap;gap:60px;justify-content:center;margin:80px 0}@media(max-width:400px){.cards-container{margin:80px 20px 80px 24px}}.tech-logo{border:1px solid hsla(0,0%,50%,.132);border-radius:20px;box-shadow:4px 4px 4px -4px rgba(0,0,0,.4);margin-left:5px;padding:6px;width:25px}.tech-logo:hover{opacity:.6}.card{background-color:#f5f5f5;border-radius:15px;box-shadow:10px 10px 12px -3px rgba(0,0,0,.4);display:flex;flex-direction:column;height:470px;overflow:hidden;padding:25px;position:relative;width:300px}@media(max-width:400px){.card{height:435px;width:80%}.card-text{font-size:.9em}}.card-image,.image-container{position:relative}.card-image{border-radius:15px;height:200px;max-width:100%;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}@media(max-width:400px){.card-image{height:160px}}.image-container:hover .card-image{-webkit-filter:brightness(.6);filter:brightness(.6)}.image-container:hover .icons{display:flex}.icons{display:none;gap:30px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.icon-card{background:#fff;border-radius:20px;cursor:pointer;padding:5px;transition:none;width:30px}.card-infos{align-items:center;display:flex;justify-content:space-between;margin:15px 0}.card-title{color:#00009f;font-size:1.5em;padding-bottom:0;text-align:left}@media(max-width:400px){.card-title{font-size:1.2em}}.tech-buttons{display:flex}.dark-mode .text-container,.dark-mode h2,.dark-mode nav a,.dark-mode p{color:#f5f5f5}.dark-mode .name:hover,.dark-mode nav a:hover{color:#ba9ffb}.dark-mode h3{color:#a688fa}.dark-mode .card-title{color:#ba9ffb}.dark-mode .home{background:none;background-color:#1a1625;@import"https://fonts.googleapis.com/css?family=Montserrat:700"}.dark-mode .home .cube{-webkit-animation:cube 12s ease-in infinite forwards;animation:cube 12s ease-in infinite forwards;border:1px solid #9e78f9;height:5px;left:25vw;position:absolute;top:80vh;-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%);-webkit-transform-origin:top left;transform-origin:top left;width:5px}.dark-mode .home .cube:nth-child(2n){border-color:#ddd0fd}.dark-mode .home .cube:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s;left:8vw;top:25vh}.dark-mode .home .cube:nth-child(3){-webkit-animation-delay:4s;animation-delay:4s;left:85vw;top:70vh}.dark-mode .home .cube:nth-child(4){-webkit-animation-delay:6s;animation-delay:6s;left:90vw;top:35vh}.dark-mode .home .cube:nth-child(6){-webkit-animation-delay:10s;animation-delay:10s;left:50vw;top:10vh}@-webkit-keyframes cube{0%{opacity:1;-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%)}to{opacity:0;-webkit-transform:scale(20) rotate(960deg) translate(-50%,-50%);transform:scale(20) rotate(960deg) translate(-50%,-50%)}}@keyframes cube{0%{opacity:1;-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%)}to{opacity:0;-webkit-transform:scale(20) rotate(960deg) translate(-50%,-50%);transform:scale(20) rotate(960deg) translate(-50%,-50%)}}.dark-mode .cursor,.dark-mode .firstname{color:#7a5af5}.dark-mode .mouse{border:3px solid #7a5af5}.dark-mode .scroll-btn .mouse>*{background-color:#7a5af5}.dark-mode .underline{border:4px solid #a688fa}.dark-mode .square{background-color:#908d96;color:#f5f5f5;transition:.6s}.dark-mode .square:hover{background-color:#a688fa}.dark-mode .button-cv{background-color:#7a5af5}.dark-mode .button-cv:hover{background-color:#f5f5f5;color:#7a5af5}.dark-mode .about-container,.dark-mode .contact-block,.dark-mode .footer,.dark-mode .projects-container,.dark-mode header{background-color:#1a1625;color:#f5f5f5}.dark-mode .message,.dark-mode input{background-color:#f5f5f5}.dark-mode .submit{background-color:#7a5af5;color:#f5f5f5}.dark-mode .card,.dark-mode .form-container{background-color:#2f2b3a;color:#f5f5f5}.dark-mode .tech-logo{background-color:hsla(0,0%,96%,.945)}.dark-mode .menu__box{background-color:#1a1625}.dark-mode .menu__btn>span,.dark-mode .menu__btn>span:after,.dark-mode .menu__btn>span:before{background-color:#a688fa}
/*# sourceMappingURL=main.d516efd6.css.map*/