@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600&display=swap);*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}:root{--color-bg:#121212;--color-primary-variant:rgba(213,187,225,.4);--color-white:#fff;--color-light:hsla(0,0%,100%,.6);--transition:all 400ms ease;--animation:float 6s ease-in-out infinite;--animation-icons:float-icons 3s ease-in-out infinite;--animation-rotate:rotate-center 8s ease-in-out infinite;--container-width-lg:75%;--container-width-md:86%;--container-width-ms:90%}body{background-color:#121212;background-color:var(--color-bg);color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7}.container{margin:0 auto;width:90%;width:var(--container-width-ms)}h1,h2,h3,h4,h5{font-weight:600}h1{font-size:2.5rem}p{color:#b8b8b8;font-size:16px;margin-left:10px;margin-right:10px}@media only screen and (min-width:768px){h1{font-size:3em}}@media only screen and (min-width:1024px){.container{margin:0 auto;width:75%;width:var(--container-width-lg)}}@-webkit-keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-40px);transform:translatey(-40px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-40px);transform:translatey(-40px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes float-icons{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-10px);transform:translatey(-10px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes float-icons{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-10px);transform:translatey(-10px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}.fade-in-bottom{-webkit-animation:fade-in-bottom .6s ease-in both;animation:fade-in-bottom .6s ease-in both}.fade-in-section{opacity:0;-webkit-transform:translateY(20vh);transform:translateY(20vh);transition:opacity .6s ease-out,-webkit-transform 1.2s ease-out;transition:opacity .6s ease-out,transform 1.2s ease-out;transition:opacity .6s ease-out,transform 1.2s ease-out,-webkit-transform 1.2s ease-out;visibility:hidden;will-change:opacity,visibility}.fade-in-section.is-visible{opacity:1;-webkit-transform:none;transform:none;visibility:visible}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}header{background-image:url(/static/media/background.e782d853ee6389853d74.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:1100px;padding-top:2rem}.header__moiastronaute>img{-webkit-animation:var(--animation);animation:var(--animation);border:none;bottom:-120px;pointer-events:none;position:absolute;right:10%;width:60%;z-index:15}.header__title{align-items:center;display:flex;justify-content:space-between;padding-right:3%}.header__title ul{background:rgba(56,56,56,.1);border-bottom-left-radius:30px;border-bottom-right-radius:30px;left:0;overflow:hidden;position:absolute;text-align:center;top:90px;width:100%}.header__menu{display:flex;flex-direction:column;justify-content:center}.header__menu li{padding:5px 0}.header__menu li a{color:hsla(0,0%,100%,.7);display:block;font-size:1.3em;font-weight:600;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.header__menu li a:hover{background:rgba(56,56,56,.3);color:#fff;-webkit-transform:scale(1.2);transform:scale(1.2)}.header__menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header__title #menu-toggle:checked~.header__menu{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-height:400px}.menu-button{background:hsla(0,0%,100%,.9);display:block;height:3px;position:relative;transition:background .2s ease-out;width:32px}.menu-button:after,.menu-button:before{background:hsla(0,0%,100%,.7);content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:28px}.menu-button:before{top:10px}.menu-button:after{top:-10px}.header__title #menu-toggle{display:none}.header__title #menu-toggle:checked~.menu-button-container .menu-button{background:transparent}.header__title #menu-toggle:checked~.menu-button-container .menu-button:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header__title #menu-toggle:checked~.menu-button-container .menu-button:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header__title #menu-toggle:checked~.menu-button-container:not(.steps) .menu-button:after,.header__title #menu-toggle:checked~.menu-button-container:not(.steps) .menu-button:before{top:0}@media only screen and (min-width:768px){.header__moiastronaute>img{bottom:-75px;position:absolute;right:5%;width:42%}.header__menu li a{font-size:1.6em}}@media only screen and (min-width:1024px){.header__title{align-items:flex-end;padding-right:0}.header__title h1{font-size:2rem}.header__moiastronaute>img{height:450px;position:absolute;right:5%;width:auto}.header__menu li a:hover{color:#de405b;transition:var(--transition)}.header__menu{align-items:baseline;clear:both;flex-direction:row;justify-content:flex-end;max-height:100%}.header__title ul{background:none;position:static}.menu-button{display:none}.header__menu li:nth-of-type(5),.header__menu li:nth-of-type(6){padding:5px 2px}.header__menu li{padding:5px 10px}.header__menu li a{display:flex;font-size:1em;padding:5px}.header__menu li a:hover{background:none;-webkit-transform:scale(1);transform:scale(1)}.header__icon{align-items:center;background:hsla(0,0%,85%,.1);border:1px solid hsla(0,0%,100%,.5);border-radius:50%;display:inline-flex;height:42px;justify-content:center;line-height:1;margin-right:6px;width:42px}.header__icon:before{background-color:#fff;border-radius:50%;content:"";height:42px;position:absolute;-webkit-transform:scale(0);transform:scale(0);transition:.3s ease-in-out;width:42px}.header__icon:hover:before{-webkit-transform:scale(1);transform:scale(1)}.header__icon--params{color:#fff;transition:.3s ease-in-out;width:70%;z-index:1}.header__icon:hover .header__icon--params{-webkit-filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%);filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%)}.header__connect{background:hsla(0,0%,84%,.075);border:2px solid hsla(0,0%,100%,.548);padding:10px 15px}.header__connect:hover,.header__icon:hover{color:#fff!important}}@media only screen and (min-width:1360px){.header__moiastronaute>img{bottom:5%;height:550px;width:auto}.header__menu li{padding:5px 12px}.header__title h1{font-size:2.5em}.header__menu li a{font-size:1.2em}}.headerpresentation__blck{padding-top:220px}.headerpresentation__entete--title{background-image:linear-gradient(90deg,#31275285 0,#5f00461e 51%,#aa076c7b);border:1px solid hsla(0,0%,100%,.5);font-size:20px;font-weight:600;margin-bottom:16px;max-width:280px;padding:8px 10px}.txt-rotate>.wrap{border-right:.08em solid #666}.headerpresentation__entete--pres{max-height:220px}@media only screen and (min-width:768px){.headerpresentation__blck{padding-top:300px}}@media only screen and (min-width:1024px){.headerpresentation__entete--pres{max-width:60%}}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);border-radius:3rem;bottom:2rem;display:block;gap:.8rem;left:50%;padding:.7rem 1.7rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:10}nav,nav a{display:flex}nav a{background:transparent;border-radius:50%;color:var(--color-light);font-size:1.1rem;padding:.9rem}nav a:hover{background:rgba(0,0,0,.3)}nav a.active{background:#de405b;color:var(--color-white)}.skills__menu{background-color:#1b1b1b;border-radius:50px;margin-bottom:75px;margin-top:-10px;padding:30px 10px 100px;position:relative;text-align:center;z-index:2}.skills__fontimg{background-image:url(/static/media/fontcool.98851e8d0b62c49c2f91.svg);background-size:cover;height:425px;left:-55%;opacity:.8;position:absolute;top:125%;width:425px;z-index:1}.skills__menu h2{font-size:2em;margin:40px 10px 50px}.skills__menu p:nth-of-type(2){margin-bottom:30px}.skills__menu--img{margin-top:30px;width:200px}.skills__menu--carousel{margin-bottom:60px}@media only screen and (min-width:768px){#skills{font-size:2.5em}.skills__menu p{font-size:18px}.skills__fontimg{height:600px;left:-35%;top:115%;width:600px}}@media only screen and (min-width:1024px){.skills__container{width:60%}.skills__fontimg{height:600px;left:-15%;top:115%;width:650px}}@media screen and (orientation:landscape){.skills__fontimg{width:690px}}.slider__menu{height:200px;margin:0 auto;width:100%}.slider__menu--sliderstyle{height:100%;margin:0 auto;position:relative;width:100%}.slider__menu--slide{border-radius:10px;height:100%;transition:all .2s;width:100%}.slider__menu--left{left:0}.slider__menu--left,.slider__menu--right{color:rgba(82,81,87,.725);cursor:pointer;font-size:38px;position:absolute;top:40%}.slider__menu--right{right:0}.slider__menu--left:hover,.slider__menu--right:hover{color:hsla(255,4%,56%,.725)}.slider__menu--text{font-weight:600}@media only screen and (min-width:768px){.slider__menu{height:268px;margin:0 auto;width:100%}.slider__menu--left{font-size:52px;left:14%}.slider__menu--right{font-size:52px;right:14%}.slider__menu--text{font-size:18px;padding-top:10px}}@media only screen and (min-width:1024px){.slider__menu--left{left:20%}.slider__menu--right{right:20%}}.projects__container{background-color:#000;margin-bottom:75px;padding:30px 0 40px}.projects__entete{text-align:center}.projects__entete h2{font-size:2em}.projects__entete--title{margin:40px 10px 50px}.projects__entete--text{margin-bottom:50px}.projects__menu--button{background-image:linear-gradient(90deg,#312752 0,#5f0046 51%,#aa076b);background-size:200% auto;border-radius:50px;color:#fff;margin:auto;padding:10px;text-align:center;transition:.5s;width:150px}.projects__menu--button:hover{background-position:100%;color:#fff;text-decoration:none}.nav-item{padding:0 15px}.nav-item a{color:#fff;font-weight:600}.projects__menu--projectslist{grid-row-gap:20px;display:grid;grid-template-columns:1fr;margin:40px 0;row-gap:20px}.projects-item{border:1px solid rgba(0,0,0,.8);border-radius:20px;font-size:30px;margin:0 auto;max-height:380px;max-width:520px;overflow:hidden;position:relative;text-align:center}.projects-item a img{height:100%;max-width:100%}.projects-item:before{background:linear-gradient(90.21deg,#4a2fbd -5.91%,#aa367c 111.58%);content:"";height:0;opacity:.85;position:absolute;transition:.4s ease-in-out;width:100%}.projects-item:hover:before{height:100%}.projects-txt{color:#fff;left:50%;line-height:1.3;opacity:0;position:absolute;top:55%;-webkit-transform:translate(-50%);transform:translate(-50%);transition:.5s ease-in-out}.projects-item:hover .projects-txt{opacity:1;top:35%}.projects-txt h4{font-size:26px;min-width:190px}.projects-txt span{font-size:14px;font-style:italic}@media only screen and (min-width:768px){.projects__menu--projectslist{-webkit-column-gap:32px;column-gap:32px;grid-template-columns:1fr 1fr;row-gap:28px}}@media only screen and (min-width:1024px){.projects__menu--projectslist{-webkit-column-gap:28px;column-gap:28px;grid-template-columns:1fr 1fr 1fr;margin-left:10%;margin-right:10%;row-gap:28px}}.services__container{margin-bottom:100px;padding:30px 0 40px}.services__entete{margin-bottom:60px;text-align:center}.services__entete h2{font-size:2em}.services__entete--title{margin:40px 10px 50px;padding-top:30px}.services__main--container{grid-row-gap:20px;display:grid;grid-template-columns:1fr;row-gap:20px;text-align:center}.services__main--content{border:1px solid hsla(0,0%,58%,.8);padding:20px 10px}.services__main--content:hover{background:rgba(93,93,93,.1)}.s__main-icons{-webkit-animation:var(--animation-rotate);animation:var(--animation-rotate);font-size:50px}.s__main-levitate{-webkit-animation:var(--animation-icons);animation:var(--animation-icons);font-size:50px}.services__main--content:hover .s__main-levitate{color:#de405b}@media only screen and (min-width:768px){.services__main--container{-webkit-column-gap:20px;column-gap:20px;grid-template-columns:1fr 1fr;row-gap:20px}}@media only screen and (min-width:1024px){.services__main--container{-webkit-column-gap:30px;column-gap:30px;grid-template-columns:1fr 1fr 1fr;margin:0 8%;row-gap:30px}}.contact__container{display:flex;flex-direction:column;padding:50px 0 40px}.contact__background{background:linear-gradient(90.21deg,#4a2fbd -5.91%,#aa367c 111.58%)}.contact__entete h2{font-size:2em}.contact__entete--title{margin:5px 10px}.contact__entete--text{margin-bottom:50px}form{display:flex;flex-direction:column;gap:1.2rem;margin-top:2rem}input,textarea{background:transparent;border:2px solid var(--color-primary-variant);border-radius:.5rem;color:var(--color-white);font-family:Poppins,sans-serif;font-size:18px;padding:14px;resize:none;width:100%}.contact__main--mail input::-webkit-input-placeholder,.contact__main--mail textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.6)}.contact__main--mail input::placeholder,.contact__main--mail textarea::placeholder{color:hsla(0,0%,100%,.6)}.contact__main--mail input:hover,.contact__main--mail textarea:hover{background-color:hsla(0,0%,84%,.032)}.contact__main--btn{font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin-top:25px;padding:15px 10px;width:160Px}.contact__main--btn:hover{background-color:hsla(0,0%,60%,.625)}.contact__main--btn:active{background-color:#de405b}.contact__main--png{width:100%}@media only screen and (min-width:1024px){.contact__container{align-items:center;flex-direction:row}.contact__main--img,.contact__menu{margin:5%;width:50%}.contact__main--btn,input,textarea{font-size:16px}}.footer__background{background-color:#000}.footer__container{padding:30px 0 100px}.footer__title{margin:20px 10px 50px;text-align:center}.footer__title h4{font-size:28px}.footer__content{align-items:center;display:flex;flex-direction:column}.footer__copyright p{font-size:14px;margin-top:10px;text-align:center}.footer__icons ul li{display:inline-block}.footer__icons ul li a{align-items:center;background:hsla(0,0%,85%,.1);border:1px solid hsla(0,0%,100%,.5);border-radius:50%;display:inline-flex;height:42px;justify-content:center;line-height:1;margin-right:6px;width:42px}.footer__icons ul li a:before{background-color:#fff;border-radius:50%;content:"";height:42px;position:absolute;-webkit-transform:scale(0);transform:scale(0);transition:.3s ease-in-out;width:42px}.footer__icons ul li a:hover:before{-webkit-transform:scale(1);transform:scale(1)}.footer__icons--params{color:#fff;transition:.3s ease-in-out;width:40%;z-index:1}.footer__icons ul li a:hover .footer__icons--params{-webkit-filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%);filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%)}.footer__icons--copy{text-align:center}@media only screen and (min-width:768px){.footer__content{flex-direction:row;justify-content:space-between}.footer__icons--copy{text-align:end}}
/*# sourceMappingURL=main.3157060a.css.map*/