@import url(https://fonts.googleapis.com/css2?family=Galindo&family=Inter:wght@100..900&family=K2D:wght@100&display=swap);@import url(https://fonts.googleapis.com/css2?family=Galindo&family=Inter:wght@100..900&family=Jockey+One&family=K2D:wght@100&display=swap);@import url(https://fonts.googleapis.com/css2?family=Galindo&family=Inter:wght@100..900&family=Jockey+One&family=K2D:wght@100&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:#04121f;color:#f1f1f1;font-family:Inter,sans-serif;font-weight:Regular}h1{font-family:Jockey One,sans-serif}p{font-family:K2D,sans-serif;font-size:14px}h2{margin:20px 0}.scroll-down main div header .header{transform:translate3d(0,-100%,0)}header .header{transition:all .5s ease-in-out}.hero-banner{align-items:center;display:flex;flex-direction:column;height:88vh;margin-top:12vh;position:relative;width:100%;h1{color:#fff;font-size:3em;text-align:center}}.hero-banner__div_title{gap:3em;height:100%}.hero-banner__article,.hero-banner__div_title{align-items:center;display:flex;flex-direction:column;justify-content:center}.hero-banner__article{gap:2em}.souris__heroBanner{display:none}.fleches__heroBanner{transform:translateY(2.5em)}.suiteHeroBanner{animation:HerobannerAnim 1.5s infinite}@keyframes HerobannerAnim{0%{transform:translateY(1em)}50%{transform:translateY(3em)}to{transform:translateY(1em)}}.CV,.contact{border-radius:20px;color:#fffbfd;padding:1em 2em;text-decoration:none}.contact{background-color:#11897a;transition:all .3s}.contact:hover{box-shadow:5px 10px 5px -3px #1cc6b2}.CV{background-color:#7028cd;transition:all .3s}.CV:hover{box-shadow:-5px 10px 5px -3px #8367c7}.metier{position:relative}.hero-banner:before{background-image:url(/react-portfolio/static/media/decorRight.9d974876f4f868b1a1e3.svg);right:0;top:-12vh}.hero-banner:after,.hero-banner:before{background-repeat:no-repeat;background-size:contain;content:"";height:20em;position:absolute;width:20em;z-index:-9999}.hero-banner:after{background-image:url(/react-portfolio/static/media/decorLeft.69e3a81b8231f89cecf6.svg);bottom:0;left:0}@media screen and (min-width:768px){.hero-banner:before{height:30em;width:30em}.hero-banner:after{height:25em;width:25em}h1{font-size:3.5em}.fleches__heroBanner{display:none}.souris__heroBanner{display:flex}.hero-banner__article{flex-direction:row}.metier:before{background-color:#8367c7;content:"";height:30px;opacity:.64;position:absolute;right:-10px;top:35px;width:170px;z-index:-999}}html{position:relative}.header,html{overflow-x:hidden}.header{align-items:center;display:flex;height:12vh;justify-content:space-around;left:0;position:fixed;top:0;width:100vw;z-index:999}.header:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);content:"";height:100%;position:absolute;width:100%;z-index:-1}.header ul{display:none}.listeHeader{display:flex;justify-content:space-between;list-style-type:none;width:60%}ul li a{color:#fff;font-size:1.2em;font-weight:500;text-decoration:none}ul li a:hover{text-decoration:underline}.logo{width:3em}#checkbox{display:none}.toggle{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:40px;justify-content:center;position:relative;transition-duration:.5s;width:40px}.bars{background-color:#fff;border-radius:4px;height:4px;width:100%}#bar2{transition-duration:.8s}#bar1,#bar3{width:70%}#checkbox:checked+.toggle .bars{position:absolute;transition-duration:.5s}#checkbox:checked+.toggle #bar2{transform:scaleX(0);transition-duration:.5s}#checkbox:checked+.toggle #bar1{transform:rotate(45deg);transition-duration:.5s;width:100%}#checkbox:checked+.toggle #bar3{transform:rotate(-45deg);transition-duration:.5s;width:100%}#checkbox:checked+.toggle{transform:rotate(180deg);transition-duration:.5s}.listeBurger{align-items:center;background-color:#07121e;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;left:0;position:fixed;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:100vw;z-index:100}.show{transform:translateX(0)}.li__burger{font-size:3rem;list-style-type:none}.li__burger a{color:#f1f1f1;font-style:italic;font-weight:600;text-decoration:none}.li__burger a:hover{text-decoration:underline}.language{label{border:1px solid #fff;border-radius:10px;cursor:pointer;font-size:2rem;padding:5px;position:relative}label:before{background-color:#fff;border-radius:8px;content:"";height:102%;left:0;position:absolute;top:0;transition:transform .3s ease;width:50px;z-index:-1}}#languageInputDesktop input,#languageInputMobile input{display:none}.black{color:#000}.white{color:#fff}.language.InputlanguageActive label:before{transform:translateX(68px);width:54px}#languageInputDesktop{display:none}#languageInputMobile{display:block}@media screen and (min-width:768px){.header ul{display:flex}.header .burger,.listeBurger{display:none}#languageInputDesktop{display:block}#languageInputMobile{display:none}.language{label{font-size:1.2rem}label:before{width:33px}}.language.InputlanguageActive label:before{transform:translateX(42px);width:36px}}.profil{float:left;margin-bottom:10px;margin-right:20px;width:clamp(150px,40%,300px);z-index:-99999}.section__propos{margin:100px auto;position:relative;width:90%}.section__propos:before{background-image:url(/react-portfolio/static/media/decorLeft.69e3a81b8231f89cecf6.svg);background-repeat:no-repeat;background-size:contain;content:"";height:20em;left:-5.55%;position:absolute;top:-100.5px;transform:rotate(90deg);width:20em;z-index:-9999}.propos__title{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.effect{font-family:Rubik,sans-serif;font-size:30px;font-style:italic;font-weight:400;margin-bottom:20px;position:relative}@media screen and (min-width:768px){.section__propos:before{height:25em;width:25em}.profil{margin-right:5%}p{font-size:20px}.propos__title{font-size:40px;margin-bottom:50px}.effect:before{height:30px;width:180px}}.competences__title{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.section__competence{margin:100px auto;width:90%}@keyframes slides{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.logos{overflow:hidden;padding:30px 0;position:relative;white-space:nowrap}.logos:after,.logos:before{content:"";height:100%;position:absolute;top:0;width:60px;z-index:2}.logo_items{animation:slides 35s linear infinite;display:inline-block}.logos:hover .logo_items{animation-play-state:paused}.logo_items img{height:100px}.techImage{height:5em;margin:0 1em;width:5em}@media screen and (min-width:768px){.competences__title{font-size:40px;margin-bottom:50px}.competences__title:before{height:30px;top:20px;width:270px}.techImage{height:8em;margin:0 3em;width:8em}.logos:after,.logos:before{height:100%;width:100px}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:.9;opacity:var(--rt-opacity);transition:opacity .15s ease-out;transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity .15s ease-in;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:-webkit-max-content;width:max-content}.styles-module_arrow__K0L3T{height:8px;width:8px}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:#222;background:var(--rt-color-dark);color:#fff;color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:#fff;background-color:var(--rt-color-white);color:#222;color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:#8dc572;background-color:var(--rt-color-success);color:#fff;color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:#f0ad4e;background-color:var(--rt-color-warning);color:#fff;color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:#be6464;background-color:var(--rt-color-error);color:#fff;color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:#337ab7;background-color:var(--rt-color-info);color:#fff;color:var(--rt-color-white)}.project__container{height:30em;margin:100px 0;position:relative;width:100%}.project__image{border-radius:30px;height:60%;overflow:hidden;position:absolute;top:0;width:90%;z-index:-999}.project__image img{height:100%;object-fit:cover;width:100%}.project__items{background-color:#fff;border-radius:30px;bottom:0;display:flex;flex-direction:column;gap:.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:3%;position:absolute;width:90%}.project__title_link{display:flex;justify-content:space-between;h3{color:#000;font-family:Rubik,sans-serif;font-size:1.5rem;font-style:italic;position:relative;z-index:1}a{img{height:2rem;margin:5px 10px 0 0;width:2rem}img,img:hover{transition:.3s ease-in-out}img:hover{transform:scale(1.4)}}}.project__description,.project__why{color:#000;font-size:14px;font-weight:600;height:100%;overflow:auto;width:100%}.project__techs{display:flex;gap:2rem;list-style-type:none;margin-top:10px;li{img{height:3rem;width:3rem}}}@media screen and (min-width:768px){.project__image{height:80%;width:60%}.project__description,.project__why{font-size:18px}.project__items{gap:2rem;padding:2%;width:70%}.project__techs{gap:2rem}.imageLink{height:3rem;width:3rem}}body{overflow-x:hidden}.section__projets{margin:0 auto;position:relative;width:90%}.projets__title{margin-bottom:40px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projets__title:after{background-color:#42837b;height:40em;left:300px;top:-250px;width:40em}.projets__title:after,.section__projets:before{border-radius:100%;content:"";filter:blur(500px);overflow:hidden;position:absolute;z-index:-999}.section__projets:before{background-color:#5a1baa;height:70em;left:-500px;top:200px;width:70em}.container_tri_button{display:flex;flex-wrap:wrap;gap:20px;margin:40px 0}.tri_button{border:solid #fff;border-radius:20px;box-shadow:0 0 .25em .1em #ffffff40;color:#04121f;font-size:1rem;padding:.5em 2em;transition:all .2s ease-in-out}.active,.tri_button:hover{background-color:#b57aff;border:solid #cea7ff}.tri_button:active{background-color:#5a1baa}@media screen and (min-width:768px){.projets__title{font-size:40px;margin-bottom:50px}.projets__title:before{height:30px;top:25px;width:100px}.tri_button{font-size:1.5rem}}.footer__contacts{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:space-between;width:100%;.aside__contacts{align-items:center;display:flex;flex-direction:column;height:40%;justify-content:space-around;width:100%}p{margin-bottom:50px}.aside__links{align-items:center;display:flex;height:60%;justify-content:space-around;width:100%}}.contacts__images{transition:.3s ease-in-out;width:50px}.contacts__images:hover{transform:scale(1.2)}.contacts__h3{font-size:1.8rem;font-weight:300}.contacts__h3,.contacts__h4{color:#c1c1c1;font-family:Inter,sans-serif}.contacts__h4{font-size:2rem;font-style:italic;font-weight:400}footer:after{background-image:url(/react-portfolio/static/media/decorLeft.69e3a81b8231f89cecf6.svg);background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:20em;left:0;position:absolute;width:20em;z-index:-9999}@media screen and (min-width:768px){footer:after{height:25em;width:25em}.footer__contacts{height:500px}.contacts__images{width:100px}.contacts__h3{font-weight:300}.contacts__h3,.contacts__h4{color:#fff;font-family:Inter,sans-serif;font-size:3.5rem}.contacts__h4{font-style:italic;font-weight:400}}.figure__btt{bottom:40px;cursor:pointer;opacity:0;position:fixed;right:40px;transition:opacity .3s ease-in-out;visibility:hidden;z-index:1000}.figure__btt.show{opacity:1;visibility:visible}.img__btt{transition:.2s ease-in-out;width:4rem}.img__btt:hover{transform:scale(1.2)}
/*# sourceMappingURL=main.d96ae845.css.map*/