.no-style{color:inherit;list-style:none;text-decoration:inherit}.max-width{width:100%}.max-content{height:100%;width:100%}.max-content-flex{flex:1 1}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.wrap{flex-wrap:wrap}.flex-center{align-items:center;display:flex;justify-content:center}.hidden{display:none}.txt-underlined{color:var(--color-primary);font-weight:500;text-decoration:underline}@media (min-width:769px){.mobile-only{display:none}}@media (max-width:768px){.desktop-only{display:none}}.App{overflow:hidden;text-align:center}.btn-action{background:linear-gradient(90deg,#9f101a,#c31925);border:1px solid transparent;border-radius:3px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 32px}.btn-action:active,.btn-action:hover{border:1px solid var(--color-primary);transition-duration:.4s}.section{background-color:var(--color-background-dark);padding:32px;position:relative;top:-2px}.section-title{color:var(--color-text-white);font-size:2rem;font-weight:700}.list-icons{display:flex;gap:12px}.social-icon{color:#484848;font-size:1.6rem}.social-icon:active,.social-icon:hover{color:var(--color-primary);transition-duration:.4s}.navigation-icon{background-color:rgba(60,59,59,.6);border-radius:4px;color:var(--color-text-gray-ligth);cursor:pointer;padding:16px 12px;position:absolute}.navigation-icon:active,.navigation-icon:hover{background-color:#3c3b3b;transition-duration:.2s}.navigation-icon.back{left:12px}.navigation-icon.next{right:12px}::-webkit-scrollbar{background-color:initial;width:10px}::-webkit-scrollbar-track{background-color:var(--color-background-dark)}::-webkit-scrollbar-thumb{background-color:var(--color-text-gray);border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#555}.about{background-color:var(--color-background-dark);color:var(--color-text-gray-ligth);flex-direction:column-reverse}.about p{margin-top:16px;max-width:500px}.about .list-icons{margin-top:24px}.about .list-about{color:var(--color-text-gray-ligth);font-size:1.3rem;margin-top:24px}.about .list-about .learning{color:var(--color-primary)}.about .list-about h3{color:var(--color-primary-dark);font-size:2rem;margin-top:1.8rem}.about .list-about .txt-frame-work{font-size:1.8rem}.about .list-about ul{padding-left:6px;padding-top:6px}.about .btn-action{margin-bottom:32px;margin-top:44px}@media screen and (min-width:768px){.about{flex-direction:row;text-align:start}.about main{width:60%;z-index:99}.about .list-icons{justify-content:flex-start}.about .list-about{flex-direction:row;flex-wrap:wrap;font-size:1rem;gap:16px}.about .list-about>*{width:45%}.about .list-about h3{font-size:1.6rem;margin-top:1rem}.about .list-about .txt-frame-work{font-size:1.6rem;width:-webkit-max-content;width:max-content}}@-webkit-keyframes slideAndFadeFromBottom{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideAndFadeFromBottom{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideAndFadeFromTop{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideAndFadeFromTop{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideAndFadeFromRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideAndFadeFromRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.slide-fade-from-bottom{-webkit-animation-name:slideAndFadeFromBottom;animation-name:slideAndFadeFromBottom}.slide-fade-from-top{-webkit-animation-name:slideAndFadeFromTop;animation-name:slideAndFadeFromTop}.slide-fade-from-right{-webkit-animation-name:slideAndFadeFromRight;animation-name:slideAndFadeFromRight}.animate-hide{opacity:0}.animate{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:relative}.animate-delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animate-delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.list-block-wrapper{flex-direction:column;min-height:100vh;overflow:hidden;position:relative;text-align:center}.list-block-wrapper .overlay{background:linear-gradient(-90deg,#111,#1110,#1110);height:100%;pointer-events:none;position:absolute;width:100%;z-index:98}.list-wrapper{flex-direction:column;justify-content:flex-start;padding-top:120px}.list-blocks{flex-direction:column-reverse;margin-right:40px;margin-top:170px;width:200px}.block-wrapper,.list-blocks{display:flex;justify-content:center}.block-wrapper{background-color:#2b2b31;border-bottom:.4px solid #51515152;cursor:pointer;height:40px;position:relative;transition-duration:.5s;width:240px;z-index:var(--i)}.block-wrapper:before{background-color:#1c1f20;content:"";height:100%;left:-34px;position:absolute;top:0;-webkit-transform:skewY(70deg);transform:skewY(70deg);-webkit-transform-origin:right;transform-origin:right;transition-duration:.5s;width:36px}.block-wrapper:after{background-color:#2d2f35;content:"  ";font-size:.8rem;height:100px;left:1.5px;position:absolute;top:-99px;-webkit-transform:skewX(20deg);transform:skewX(20deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition-duration:.5s;width:100%}.block-wrapper.active{-webkit-transform:translateX(190px);transform:translateX(190px)}.block-wrapper p{color:hsla(0,0%,100%,.8);font-size:1.25rem;height:80px;padding:20px;width:70%}.block-static{background-color:initial;background-image:linear-gradient(180deg,#24262a,rgba(42,43,48,0));border-bottom:0;min-height:400px}.block-static:before{background-color:initial;background-image:linear-gradient(180deg,#1c1e1f,rgba(35,37,38,0))}.block-static:after{background-color:#27292d}.block-dynamic:hover{background-color:#37373e}.block-dynamic:hover:before{background-color:#262a2b}.block-dynamic:hover:after{background-color:#393c43}.block-details{border-radius:4px;color:#fff;content:"  ";font-size:.8rem;height:100%;left:0;position:absolute;top:-90px;-webkit-transform:skewX(20deg);transform:skewX(20deg);-webkit-transform-origin:bottom;transform-origin:bottom;width:75%;z-index:97}.block-details h4{color:var(--color-primary)}.block-details p{font-size:.8rem;margin:0;padding:8px;width:100%}.contact{background-color:var(--color-background);top:-2px}.contact .contact-form{color:var(--color-text-white);margin-top:40px;max-width:400px;width:80%}.contact .contact-form input,.contact .contact-form textarea{background-color:var(--color-background-dark);border:2px solid transparent;border-radius:4px;color:var(--color-text-white);margin-top:12px;outline:0;padding:12px 18px}.contact .contact-form input:focus,.contact .contact-form textarea:focus{border:2px solid var(--color-primary);color:var(--color-primary);font-weight:700}.contact .contact-form .btn-action{margin-top:24px}.footer{color:var(--color-text-gray);justify-content:space-around;padding:8px;position:relative;top:-2px}.footer,.headline{background-color:var(--color-background-dark)}.headline{background-image:radial-gradient(farthest-corner at 8rem 12rem,#3c3b3b 0,#111 60%);min-height:400px}.headline .container{padding-bottom:120px;padding-top:160px}.headline .container .name,.headline .container .role{color:var(--color-text-white);font-size:2rem;font-weight:700}.headline .container .role{color:var(--color-primary);text-shadow:3px 4px 16px var(--color-primary-dark)}.headline p{color:var(--color-text-gray);margin-bottom:1.4rem;margin-top:1.4rem;max-width:900px}.headline .btn-action{margin-top:3rem}.headline .btn-action.resume{background:var(--color-primary-dark);margin-left:1rem}@media screen and (min-width:768px){.headline{background-image:radial-gradient(farthest-corner at 20rem 10rem,#3c3b3b 0,#111 60%)}.headline .container .name,.headline .container .role{font-size:3.6rem}.headline p{font-size:1.6rem;padding-left:60px;padding-right:60px}}.projects{background-color:var(--color-background)}.projects .section-title{margin-bottom:16px}.projects .list-project{gap:36px;transition-duration:.5s}.projects .project-wrapper{margin-right:60px;min-width:100%;transition-duration:.4s}.projects .project{background-color:var(--color-background-ligth);border-radius:4px;color:var(--color-text-gray-ligth);gap:12px;padding:16px;text-align:start;transition-duration:1s;width:90%}.projects .list-project .project-wrapper:nth-child(2n) .project{flex-direction:row-reverse}.projects .project img{border-radius:4px;width:100%}.projects .project h3{color:#fff;font-size:2rem;margin-bottom:8px}.projects .project .project-features{margin-bottom:8px}.projects .project .project-features li{background-color:var(--color-background-dark);border-radius:2px;margin-bottom:3px;margin-right:6px;padding:4px 8px}.projects .project .project-features li:hover{background-color:var(--color-primary-dark);cursor:pointer;font-weight:400;transition-duration:.2s}.projects .project .project-features li:last-child{margin-right:0}.projects .project .project-description{max-height:150px;overflow:auto;text-overflow:ellipsis}.projects .project .project-links{gap:8px;margin-top:12px}.projects .project .project-links button{background-color:var(--color-primary-dark);border:0;border-radius:2px;color:#fff;cursor:pointer;height:100%;min-width:90px;padding:8px 12px}.projects .project .project-links button:active,.projects .project .project-links button:hover{background-color:var(--color-primary);transition-duration:.6s}@media screen and (min-width:768px){.projects .project img{object-fit:contain;width:50%}.projects .project .project-content{flex:1 1}.projects .project .project-description{flex:1 1;max-height:none}}.recommandations{color:var(--color-text-gray-ligth);text-align:start}.recommandations .list-recommandation{padding-left:60px;transition-duration:.5s}.recommandations .recommandation-wrapper{margin-right:60px;min-width:100%;opacity:0;transition-duration:.4s}.recommandations .recommandation-wrapper.active{opacity:1}.recommandation{margin-top:24px;max-width:800px;width:90%}.recommandation img{aspect-ratio:1/1;border:2px solid var(--color-background-ligth);border-radius:4px;margin-bottom:8px;margin-right:8px;max-width:140px;width:25%}.recommandation .recommandation-info{background-color:var(--color-background-ligth);flex:1 1;padding:8px}.recommandation .recommandation-name{color:var(--color-text-white)}.recommandation .recommandation-title{color:var(--color-primary);font-style:italic}.recommandation .recommandation-name:hover,.recommandation .recommandation-title:hover{text-decoration:underline}.recommandation .recommandation-content{background-color:var(--color-background-ligth);padding:8px}.recommandation .recommandation-content .recommandation-description{max-height:250px;overflow:auto}@media screen and (min-width:768px){.recommandation .recommandation-info{padding:24px}.recommandation .recommandation-name{font-size:1.8rem}.recommandation .recommandation-content{padding:24px}}.header{color:var(--color-text-gray)}.navbar{align-items:center;font-size:1.2rem;height:100vh;justify-content:flex-start;left:0;position:fixed;top:0;z-index:100}.list-nav{gap:16px;padding:16px;position:fixed}.list-nav li{cursor:pointer;opacity:.7;z-index:101}.list-nav li:hover{color:var(--color-primary);opacity:1}.list-nav li span{display:none}@media screen and (max-width:768px){.navbar{align-items:center;background-color:var(--color-background-dark);opacity:0;position:fixed;-webkit-transform:translateX(120%);transform:translateX(120%);transition:all .6s ease-in-out;width:100%}.navbar.active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.list-nav{flex:1 1;flex-direction:column;margin:64px 32px;width:84%}.list-nav li{border-bottom:1px solid var(--color-text-gray);font-size:1.4rem;font-weight:500;padding:24px 0;text-align:start}.list-nav li span{display:block;margin-left:1rem}.btn-menu{color:var(--color-text-gray);font-size:1.6rem;opacity:.7;position:fixed;right:32px;top:32px;z-index:9}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary-dark:#bf1824;--color-primary:#ef403f;--color-ligth:#ff0214;--color-text-white:#fff;--color-text-gray:#868686;--color-text-gray-ligth:#bdbdbd;--color-background-dark:#111;--color-background:#181818;--color-background-ligth:#1e1e1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.ligth-mode{--color-text-white:#000;--color-text-gray:#121212;--color-text-gray-light:#0b0a0a;--color-background-dark:#eee;--color-background:#f3f3f3;--color-background-light:#fff}.ligth-mode .headline{background:var(--color-background-light)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.e5b97b8d.css.map*/