body{padding:0}.App,body{overflow:hidden}.App{width:100vw}.content{position:relative;z-index:1}body,html{font:normal 75% Roboto Mono,monospace,sans-serif;margin:0}canvas{display:block;vertical-align:bottom}#particles-js{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.App{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;text-align:center;z-index:1}#stats,.count-particles{display:none}p{margin:0}h1,p{color:#fff;font-size:3.5em}@media (max-width:480px){h1,p{font-size:1.5em}}.content{margin-bottom:50px}body{background-color:#000}.about-container{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow-y:auto;width:100%}.section{text-align:center}.competences-container{display:flex;justify-content:center}.section-footer{text-align:center}.sphere{--_factor:min(1000px,100vh);--_size:min(var(--_factor),100vw);background:#000;display:flex;flex-direction:row;flex-wrap:wrap;font-size:calc(var(--_size)*.022);height:100vh;margin:auto;position:relative}.bg,.sphere{align-items:center;justify-content:center}.bg{height:50vw;overflow:visible;top:0;width:50vw}.bg,.bg>div{position:absolute}.bg>div{opacity:.6;scale:1.2}.bg>div:first-child{animation:onloadbga 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #8300e933,inset 0 0 2em .4em #8300e933,0 0 .1em .1em #8300e933,0 0 1em .4em #8300e94d;height:100%;translate:0 -70%;width:100%}@keyframes onloadbga{0%{opacity:.3;translate:0 -70%}to{opacity:.8;translate:0 -64%}}.bg>div:nth-child(2){animation:onloadbgb 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #8300e933,inset 0 0 2em .4em #8300e933,0 0 .1em .1em #8300e933,0 0 1em .4em #8300e94d;height:100%;translate:0 70%;width:100%}@keyframes onloadbgb{0%{opacity:.3;translate:0 70%}to{opacity:.8;translate:0 64%}}.bg>div:nth-child(3){animation:onloadbgc 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #00e98333,inset 0 0 2em .4em #00e98333,0 0 .1em .1em #00e98333,0 0 1em .4em #00e9834d;height:60%;translate:190% 60%;width:60%}@keyframes onloadbgc{0%{opacity:.3;translate:190% 60%}to{opacity:.8;translate:184% 50%}}.bg>div:nth-child(4){animation:onloadbgd 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #00e98333,inset 0 0 2em .4em #00e98333,0 0 .1em .1em #00e98333,0 0 1em .4em #00e9834d;display:none;height:80%;translate:-120% 120%;width:80%}@keyframes onloadbgd{0%{opacity:.3;translate:-120% 120%}to{opacity:.8;translate:-114% 115%}}.bg>div:nth-child(5){animation:onloadbge 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #8300e933,inset 0 0 2em .4em #8300e933,0 0 .1em .1em #8300e933,0 0 1em .4em #8300e94d;height:100%;translate:120% 160%;width:100%}@keyframes onloadbge{0%{opacity:.3;translate:120% 160%}to{opacity:.8;translate:130% 170%}}.bg>div:nth-child(6){animation:onloadbgf 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #00e98333,inset 0 0 2em .4em #00e98333,0 0 .1em .1em #00e98333,0 0 1em .4em #00e9834d;height:100%;translate:-50% 230%;width:100%}@keyframes onloadbgf{0%{opacity:.3;translate:-50% 230%}to{opacity:.8;translate:-50% 210%}}.bg>div:nth-child(7){animation:onloadbgg 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #00e98333,inset 0 0 2em .4em #00e98333,0 0 .1em .1em #00e98333,0 0 1em .4em #00e9834d;display:none;height:100%;translate:50% 300%;width:100%}@keyframes onloadbgg{0%{opacity:.3;translate:50% 300%}to{opacity:.8;translate:50% 290%}}.bg>div:nth-child(8){animation:onloadbgh 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #8300e933,inset 0 0 2em .4em #8300e933,0 0 .1em .1em #8300e933,0 0 1em .4em #8300e94d;display:none;height:100%;translate:-90% 390%;width:100%}@keyframes onloadbgh{0%{opacity:.3;translate:-90% 390%}to{opacity:.8;translate:-90% 380%}}.bg>div:nth-child(9){animation:onloadbgi 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #00e98333,inset 0 0 2em .4em #00e98333,0 0 .1em .1em #00e98333,0 0 1em .4em #00e9834d;display:none;height:100%;translate:90% 400%;width:100%}@keyframes onloadbgi{0%{opacity:.3;translate:90% 400%}to{opacity:.8;translate:90% 400%}}.bg>div:nth-child(10){animation:onloadbgj 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #8300e933,inset 0 0 2em .4em #8300e933,0 0 .1em .1em #8300e933,0 0 1em .4em #8300e94d;display:none;height:100%;translate:-20% 430%;width:100%}@keyframes onloadbgj{0%{opacity:.3;translate:-20% 430%}to{opacity:.8;translate:-20% 420%}}.bg>div:nth-child(11){animation:onloadbgk 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #00e98333,inset 0 0 2em .4em #00e98333,0 0 .1em .1em #00e98333,0 0 1em .4em #00e9834d;display:none;height:100%;translate:90% 500%;width:100%}@keyframes onloadbgk{0%{opacity:.3;translate:90% 500%}to{opacity:.8;translate:90% 500%}}.bg>div:nth-child(12){animation:onloadbgl 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #8300e933,inset 0 0 2em .4em #8300e933,0 0 .1em .1em #8300e933,0 0 1em .4em #8300e94d;display:none;height:100%;translate:-90% 570%;width:100%}@keyframes onloadbgl{0%{opacity:.3;translate:-90% 570%}to{opacity:.8;translate:-90% 560%}}.bg>div:nth-child(13){animation:onloadbgm 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #00e98333,inset 0 0 2em .4em #00e98333,0 0 .1em .1em #00e98333,0 0 1em .4em #00e9834d;display:none;height:50%;translate:260% 230%;width:50%}@keyframes onloadbgm{0%{opacity:.3;translate:260% 230%}to{opacity:.8;translate:260% 220%}}.bg>div:nth-child(14){animation:onloadbgn 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #8300e933,inset 0 0 2em .4em #8300e933,0 0 .1em .1em #8300e933,0 0 1em .4em #8300e94d;height:70%;translate:160% 510%;width:70%}@keyframes onloadbgn{0%{opacity:.3;translate:160% 510%}to{opacity:.8;translate:160% 500%}}.bg>div:nth-child(15){animation:onloadbgo 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #00e98333,inset 0 0 2em .4em #00e98333,0 0 .1em .1em #00e98333,0 0 1em .4em #00e9834d;height:50%;translate:-160% 680%;width:50%}@keyframes onloadbgo{0%{opacity:.3;translate:-160% 680%}to{opacity:.8;translate:-160% 670%}}.bg>div:nth-child(16){animation:onloadbgp 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #00e98333,inset 0 0 2em .4em #00e98333,0 0 .1em .1em #00e98333,0 0 1em .4em #00e9834d;display:none;height:50%;translate:-10% 1060%;width:50%}@keyframes onloadbgp{0%{opacity:.3;translate:-10% 1060%}to{opacity:.8;translate:-10% 1050%}}.bg>div:nth-child(17){display:none;height:50%;translate:90% 1260%;width:50%}.bg>div:nth-child(17),.bg>div:nth-child(18){animation:onloadbgq 1s ease-in-out forwards;border-radius:100em;box-shadow:inset 0 0 4em 3em #8300e933,inset 0 0 2em .4em #8300e933,0 0 .1em .1em #8300e933,0 0 1em .4em #8300e94d}.bg>div:nth-child(18){height:100%;translate:200% 480%;width:100%}@keyframes onloadbgq{0%{opacity:.3;translate:200% 480%}to{opacity:.8;translate:200% 470%}}body{min-height:100vh}#contact,body{display:flex;flex-direction:column;margin:0}#contact{align-items:center;height:100vh;justify-content:center;padding:20px;text-align:center}#contact p{color:#fff;font-family:Poppins,sans-serif;font-size:2em;margin-bottom:50px;width:53%}#contact-form{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:20px;width:52%}#contact-form label{font-family:Poppins,sans-serif;font-size:1.5em;font-weight:700;margin-bottom:5px}#contact-form input,#contact-form textarea{border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:10px;width:calc(100% - 22px)}#contact-form textarea{min-height:150px;resize:vertical}#contact-form input[type=submit]{align-self:center;background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,serif;font-size:1.5em;font-weight:700;margin-top:10px;padding:10px 20px}#contact-form input[type=submit]:hover{background:linear-gradient(90deg,green,#8300e9);color:#fff;transition:background .3s ease}.confirmation-message{color:green;font-size:16px;margin-top:20px}.contact-section{position:relative;z-index:1}@media (max-width:768px){#contact h1{margin-bottom:30px;margin-top:30px}#contact{align-items:center;padding:initial}#contact-form{max-width:none;width:500px}#contact p{font-size:1.2em}}@media (max-width:480px){#contact{align-items:center;margin-top:10px;padding:initial}#contact-form{max-width:none;width:auto}#contact p{font-size:1.7em;margin-bottom:0;margin-top:0;text-align:justify;width:90%}}.footer{background-color:#000;bottom:0;left:0;padding:10px 0;position:fixed;text-align:center;width:100%;z-index:1}.copy{color:#fff;font-size:1.3em}.footer a{color:#fff;text-decoration:none}@media (max-width:480px){.footer{height:15px}.copy{font-size:1em}}.skills-css{align-items:center;display:flex;justify-content:center}.skills-container{background:radial-gradient(circle,#8300e9 10%,#000 100%);border-radius:50%;box-shadow:0 4px 10px #0003;height:600px;position:relative;width:600px}.skill{align-items:center;background:linear-gradient(135deg,#8300e9,#2f0059);border-radius:50%;box-shadow:0 4px 10px #0000004d;display:flex;font-size:1.5em;height:100px;justify-content:center;transform-origin:300px 300px;width:100px}.central-text,.skill{color:#fff;font-family:Poppins,sans-serif;font-weight:700;position:absolute}.central-text{font-size:2em;left:50%;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}@media (max-width:480px){.skills-container{height:200px;margin-top:50px;width:200px}.skill{font-size:1em;height:60px;transform-origin:100px 100px;width:60px}.central-text{font-size:1.2em}}.text-section{padding:50px 0}.ab-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:0 50px}.about-content{color:#333;line-height:1.8;text-align:justify}.h3-about{color:#fff;font-size:2.5em;letter-spacing:1px;margin-bottom:.5em;margin-top:20px;text-align:center;text-transform:uppercase}.h3-about,.p-about{font-family:Poppins,sans-serif}.p-about{font-size:2em;margin-top:15px}.p-about strong{color:#8300e9}.about-content ul{margin-top:20px;padding-left:40px}.about-content ul li{color:#fff;font-family:Poppins,sans-serif;font-size:2em;margin-bottom:10px}#about .ab-container{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;margin-bottom:20px;width:100%}#about .about-content{flex:1 1;margin-left:150px;margin-right:150px;text-align:justify}#about .p-about{margin-top:25px}@media (max-width:768px){.text-section{margin-bottom:50px;padding:initial}.h3-about{font-size:2.5em}#about .ab-container{align-items:normal;box-sizing:initial;display:inline;display:initial;flex-direction:row;margin-bottom:0;padding:initial}}@media (max-width:480px){.text-section{padding:initial}.h3-about{font-size:1.8em}#about .ab-container{align-items:normal;box-sizing:initial;display:inline;display:initial;flex-direction:row;margin-bottom:0;padding:initial;width:90%}.about-content ul li{font-size:1.7em;line-height:1.5em}.p-about{font-size:1.7em}.about-content ul{padding-left:0}#about .about-content{flex:1 1;margin-left:30px;margin-right:30px;text-align:justify}}.animated-text{align-items:center;color:#fff;display:flex;font-size:1.5rem;justify-content:center;line-height:3rem}.letter{--wght:100;--wdth:85;--opacity:0.25;--letter-spacing:0;--font-size:5vw;display:inline-block;font-size:var(--font-size);font-variation-settings:"wght" var(--wght),"wdth" var(--wdth);letter-spacing:var(--letter-spacing);opacity:var(--opacity);transition:font-variation-settings 1s ease-in-out,opacity 1s ease-in-out,letter-spacing 2s ease-in-out,font-size 1s ease-in-out}.logo-mamsweb{align-items:center;background-color:initial;color:#fff;display:flex;font-family:Heading Now,sans-serif;font-optical-sizing:auto;font-style:normal;justify-content:center;left:0;margin-top:20px;padding:20px 40px 20px 20px;position:absolute;text-align:center;top:0;z-index:10}@media (max-width:768px){.animated-text{background-color:#000;margin-top:50px;padding-left:5px;padding-right:5px}.logo-mamsweb{margin-top:40px;padding:initial}}@media (max-width:480px){.animated-text{background-color:#000;margin-top:40px;padding-left:5px}.logo-mamsweb{padding:initial}}.fixed-menu{background-color:initial;border-radius:5px;font-family:Poppins,sans-serif;left:0;max-width:250px;overflow:hidden;padding:30px;position:fixed;top:50%;transform:translateY(-50%);z-index:1000}.fixed-menu ul{list-style-type:none;padding:0}.fixed-menu ul li a{-webkit-text-stroke:1px #fff;color:#0000;display:block;font-size:3.5em;font-weight:900;line-height:1em;padding:10px 0;position:relative;text-decoration:none}.fixed-menu ul li a:hover{-webkit-text-stroke:1px #000;color:#fff;transition:.5s}.fixed-menu ul li a:after,.fixed-menu ul li a:before{content:attr(links);left:0;opacity:0;position:absolute;top:0;transition:.5s}.fixed-menu ul li a:hover:before{-webkit-text-stroke:1px #000;color:#2f0059;opacity:1;transform:translate(10px,-10px);z-index:1}.fixed-menu ul li a:hover:after{-webkit-text-stroke:1px #000;color:#8300e9;opacity:1;transform:translate(20px,-20px);z-index:2}@media (max-width:768px){.fixed-menu{background-color:#000;border-radius:0;max-width:none;padding:10px 0;position:fixed;top:0;transform:translateY(0);width:100vw}.fixed-menu ul{text-align:center}.fixed-menu li{display:inline-block;margin:0 15px}}@media (max-width:480px){.fixed-menu{background-color:#000;border-radius:0;max-width:none;padding:32px 0;top:0;transform:translateY(0);width:100vw}.fixed-menu ul li a{font-size:2.5em;padding:0}.fixed-menu li{display:inline-block;margin:0 10px}}.projects-container{align-items:center;display:flex;justify-content:center;margin:70px auto 0;position:relative;width:54%}.projects-slider{display:flex;overflow:hidden;width:94%}.project-card{background-color:#000;border:.5px solid #fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:none;height:450px;margin-right:20px;max-width:100%;min-width:100%;overflow:hidden}.project-card.active{display:block}.project-image{background-color:#fff;height:250px;object-fit:cover;object-position:top;width:100%}.project-info{background-color:#000;height:calc(100% - 300px);line-height:1.2;padding:15px;text-align:center}.project-info h3{margin-bottom:10px}.project-info h3,.project-info p,.project-info p a{color:#fff;font-size:2rem}.project-info p a{text-decoration:none}.projet-info li{list-style-type:none;margin:0;padding:0}.project-navigation{position:absolute;right:0;top:50%;transform:translateY(-50%)}ul{list-style-type:none!important;margin:0!important;padding:0!important}.project-navigation li{background-color:#ccc;border-radius:50%;cursor:pointer;height:10px;margin:5px 0;transition:background-color .3s;width:10px}.project-navigation .bullet.active{background:#8300e9}.styled-link{-webkit-text-stroke:1px #fff;color:#0000;display:inline-block;font-family:Poppins,serif;font-size:4em;font-weight:900;line-height:1.2em;margin-top:20px;position:relative;text-decoration:none;transition:.5s}.styled-link:hover{-webkit-text-stroke:1px #000;color:#fff;transition:.5s}.styled-link:after,.styled-link:before{content:attr(links);left:0;position:absolute;top:0;transition:.5s}.styled-link:hover:before{-webkit-text-stroke:1px #000;color:#2f0059;transform:translate(10px,-10px);z-index:1}.styled-link:hover:after{-webkit-text-stroke:1px #000;color:#8300e9;transform:translate(20px,-20px);z-index:2}@media (max-width:480px){.projects-container{margin:26px auto 0;width:90%}.projects-slider{display:inline;display:initial;overflow:visible;overflow:initial}.project-card{height:350px;max-width:none;min-width:0;min-width:auto}.project-info{padding:initial}.styled-link{font-size:2em}.project-info p{font-size:1.2em}}.header-text-about{color:#c8c2bd;font-family:Poppins,sans-serif;font-size:4em;font-weight:600;letter-spacing:-.009em;line-height:1.0625;text-align:center}.glow-filter-about{animation:onloadscale 1s ease-out forwards;display:inline-block;position:relative;scale:1}.glow-filter-about:before{animation:onloadopacity 1s ease-out forwards;color:#fff;content:attr(data-text);filter:url(#glow-4);left:0;opacity:0;pointer-events:none;position:absolute;top:0}@media (max-width:768px){.header-text-about{font-size:3em;margin-bottom:0;margin-top:100px}}@media (max-width:480px){.header-text-about{font-size:3em;margin-bottom:0}}.header-text-portfolio{color:#c8c2bd;font-family:Poppins,sans-serif;font-size:4em;font-weight:600;letter-spacing:-.009em;line-height:1.0625;text-align:center}.glow-filter-portfolio{animation:onloadscale 1s ease-out forwards;display:inline-block;position:relative;scale:1}.glow-filter-portfolio:before{animation:onloadopacity 1s ease-out forwards;color:#fff;content:attr(data-text);filter:url(#glow-4);left:0;opacity:0;pointer-events:none;position:absolute;top:0}@media (max-width:768px){.header-text-portfolio{font-size:3em;margin-bottom:0;margin-top:100px}}@media (max-width:480px){.header-text-portfolio{font-size:3em;margin-bottom:0}}@font-face{font-family:Heading Now;font-style:normal;font-weight:400;src:url(https://fonts.vdhazel.com/headingnow/Heading-Now-Variable-Regular-trial.woff2) format("woff2")}.header-text-contact{color:#c8c2bd;font-family:Poppins,sans-serif;font-size:4em;font-weight:600;letter-spacing:-.009em;line-height:3.0625;text-align:center}.glow-filter-contact{animation:onloadscale 1s ease-out forwards;display:inline-block;position:relative;scale:1}.glow-filter-contact:before{animation:onloadopacity 1s ease-out forwards;color:#fff;content:attr(data-text);filter:url(#glow-4);left:0;opacity:0;pointer-events:none;position:absolute;top:0}@keyframes onloadscale{24%{scale:1}to{scale:1.02}}@keyframes onloadopacity{24%{opacity:0}to{opacity:1}}@media (max-width:768px){.header-text-contact{font-size:3em;margin-bottom:0}}@media (max-width:480px){.header-text-contact{font-size:3em}}.slide-enter{opacity:0;transform:translateX(100%)}.slide-enter-active{transition:transform .3s ease-out,opacity .3s ease-out}.slide-enter-active,.slide-exit{opacity:1;transform:translateX(0)}.slide-exit-active{opacity:0;transform:translateX(-100%);transition:transform .3s ease-in,opacity .3s ease-in}.about-page{background:#fff;padding:50px;text-align:center}.arrow{color:#fff;cursor:pointer;font-size:3em;position:fixed;right:20px;top:50%;transform:translateY(-50%)}@media (max-width:480px){.arrow{top:55%}}
/*# sourceMappingURL=main.14c69ae5.css.map*/