@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)}}.tech-badge{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:999px;color:hsla(0,0%,100%,.75);cursor:default;display:inline-flex;font-size:13px;font-weight:500;padding:5px 14px;transition:all .4s ease;transition:var(--transition)}.tech-badge:hover{background:rgba(222,64,91,.15);border-color:rgba(222,64,91,.6);color:#fff}header{background-image:url(/static/media/background.e782d853ee6389853d74.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:1100px;padding-top:2rem;position:relative}.header__topnav{background:transparent;border-bottom:1px solid transparent;left:0;padding:0;position:fixed;right:0;top:0;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease;z-index:50}.header__topnav--scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(10,10,12,.72);border-bottom:1px solid hsla(0,0%,100%,.08);box-shadow:0 1px 0 rgba(222,64,91,.12),0 8px 32px rgba(0,0,0,.4)}.header__topnav--inner{align-items:center;display:flex;height:64px;justify-content:space-between;padding:0 1rem}.header__logo{color:#fff;flex-shrink:0;font-size:1.4rem;font-weight:700;letter-spacing:-.5px;text-decoration:none}.header__logo span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#de405b,#aa076b);-webkit-background-clip:text;background-clip:text}.header__navlink{color:hsla(0,0%,100%,.65);font-size:.9em;font-weight:500;padding:4px 0;position:relative;transition:color .25s ease}.header__navlink:after{background:linear-gradient(90deg,#de405b,#aa076b);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.header__navlink:hover{color:#fff}.header__navlink--active:after,.header__navlink:hover:after{width:100%}.header__navlink--active{color:#fff}.header__icon{align-items:center;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.13);border-radius:50%;display:inline-flex;height:36px;justify-content:center;transition:background .25s ease,border-color .25s ease;width:36px}.header__icon:hover{background:rgba(222,64,91,.18);border-color:rgba(222,64,91,.5)}.header__icon--params{color:hsla(0,0%,100%,.75);display:flex;font-size:.95rem;transition:color .25s ease}.header__icon:hover .header__icon--params{color:#fff;-webkit-filter:none;filter:none}.header__connect{background:linear-gradient(135deg,#de405b,#aa076b);border-radius:999px;color:#fff!important;font-size:.85em;font-weight:600;padding:8px 18px;transition:opacity .25s ease,box-shadow .25s ease;white-space:nowrap}.header__connect:hover{box-shadow:0 0 18px rgba(222,64,91,.45);color:#fff!important;opacity:.88}.hamburger{background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:36px;justify-content:center;padding:4px;transition:background .2s ease;width:36px;z-index:200}.hamburger:hover{background:hsla(0,0%,100%,.07)}.hamburger span{background:hsla(0,0%,100%,.85);border-radius:2px;display:block;height:2px;-webkit-transform-origin:center;transform-origin:center;transition:opacity .25s ease,width .3s ease,-webkit-transform .35s cubic-bezier(.23,1,.32,1);transition:transform .35s cubic-bezier(.23,1,.32,1),opacity .25s ease,width .3s ease;transition:transform .35s cubic-bezier(.23,1,.32,1),opacity .25s ease,width .3s ease,-webkit-transform .35s cubic-bezier(.23,1,.32,1)}.hamburger span:first-child{width:26px}.hamburger span:nth-child(2){width:20px}.hamburger span:nth-child(3){width:26px}.hamburger--open span:first-child{-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg);width:26px}.hamburger--open span:nth-child(2){opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.hamburger--open span:nth-child(3){-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg);width:26px}.mobile-menu{align-items:center;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);background:rgba(6,6,8,.97);background-image:radial-gradient(ellipse at 20% 50%,rgba(222,64,91,.08) 0,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(170,7,107,.07) 0,transparent 50%);display:none;flex-direction:column;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .35s ease;z-index:150}.mobile-menu--open{opacity:1;pointer-events:auto}.mobile-menu__nav{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:0 2rem;width:100%}.mobile-menu__link{color:hsla(0,0%,100%,.25);font-size:clamp(2rem,8vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;opacity:0;text-decoration:none;-webkit-transform:translateY(20px);transform:translateY(20px);transition:color .3s ease,opacity .4s ease,-webkit-transform .4s ease;transition:color .3s ease,opacity .4s ease,transform .4s ease;transition:color .3s ease,opacity .4s ease,transform .4s ease,-webkit-transform .4s ease}.mobile-menu--open .mobile-menu__link{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.mobile-menu__link--active,.mobile-menu__link:hover{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#de405b,#aa076b);-webkit-background-clip:text;background-clip:text;color:#fff}.mobile-menu__footer{align-items:center;bottom:2.5rem;display:flex;flex-direction:column;gap:1.2rem;position:absolute}.mobile-menu__lang{display:flex;gap:6px}.mobile-menu__socials{color:hsla(0,0%,100%,.4);display:flex;font-size:1.4rem;gap:1.2rem}.mobile-menu__socials a{color:hsla(0,0%,100%,.4);transition:color .2s ease}.mobile-menu__socials a:hover{color:#fff}.header__lang{gap:3px;padding:0!important}.lang-btn{border-radius:6px;color:hsla(0,0%,100%,.5);font-size:.72em;letter-spacing:.03em;padding:4px 8px;transition:all .2s ease}.lang-btn:hover{background:hsla(0,0%,100%,.07)}.lang-btn--active{border-color:rgba(222,64,91,.6)}@media only screen and (min-width:768px){.header__moiastronaute>img{bottom:-75px;right:5%;width:42%}}@media only screen and (max-width:1023px){.mobile-menu{display:flex}.header__menu{display:none}}@media only screen and (min-width:1024px){.hamburger{display:none}.header__menu{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;flex-direction:row;gap:6px;max-height:none;overflow:visible;position:static}.header__menu li{padding:0;text-align:left;width:auto}.header__menu li a{font-size:.9em;padding:4px 6px}.header__moiastronaute>img{bottom:auto;height:450px;right:5%;width:auto}}@media only screen and (min-width:1360px){.header__moiastronaute>img{bottom:5%;height:550px}}.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}}.header__lang{align-items:center;display:flex;gap:4px;justify-content:center;padding:4px 0}.lang-btn{background:transparent;border:1px solid transparent;border-radius:4px;color:hsla(0,0%,100%,.6);cursor:pointer;font-family:Poppins,sans-serif;font-size:.75em;font-weight:600;padding:3px 8px;transition:var(--transition)}.lang-btn:hover{border-color:hsla(0,0%,100%,.4);color:#fff}.lang-btn--active{background:rgba(222,64,91,.15);border-color:#de405b;color:#fff}@media only screen and (min-width:1024px){.lang-btn{font-size:.8em;padding:4px 8px}.header__lang{padding:0}}@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%}}.headerpresentation__bio{color:hsla(0,0%,100%,.65);font-size:.95rem;line-height:1.9;margin:1.5rem 0 2.2rem 10px;max-width:520px}.headerpresentation__stats{display:flex;flex-wrap:wrap;gap:2.5rem;margin:0 0 0 10px}.headerpresentation__stat{align-items:flex-start;display:flex;flex-direction:column}.stat-value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#de405b,#aa076b);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;line-height:1.1}.stat-label{color:hsla(0,0%,100%,.4);font-size:.72rem;font-weight:500;letter-spacing:1.5px;margin-top:3px;text-transform:uppercase}nav{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(10,10,12,.65);border:1px solid hsla(0,0%,100%,.09);border-radius:999px;bottom:1.8rem;box-shadow:0 0 0 1px rgba(222,64,91,.18),0 8px 32px rgba(0,0,0,.55),inset 0 1px 0 hsla(0,0%,100%,.07);display:flex;gap:4px;left:50%;opacity:0;padding:6px 8px;pointer-events:none;position:fixed;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px);transition:opacity .4s ease,-webkit-transform .4s ease;transition:opacity .4s ease,transform .4s ease;transition:opacity .4s ease,transform .4s ease,-webkit-transform .4s ease;z-index:100}nav.nav--visible{opacity:1;pointer-events:auto;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.nav-link{align-items:center;border-radius:999px;color:hsla(0,0%,100%,.45);display:flex;flex-direction:column;font-size:1.15rem;gap:3px;justify-content:center;min-width:44px;overflow:hidden;padding:10px 14px;position:relative;text-decoration:none;transition:color .25s ease,background .25s ease}.nav-link:hover{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.85)}.nav-icon{align-items:center;display:flex;font-size:1.2rem;justify-content:center;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.nav-link.active .nav-icon,.nav-link:hover .nav-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.nav-label{font-size:.6rem;font-weight:600;letter-spacing:.04em;max-height:0;opacity:0;overflow:hidden;text-transform:uppercase;transition:max-height .25s ease,opacity .2s ease;white-space:nowrap}.nav-link:hover .nav-label{max-height:20px;opacity:.7}.nav-link.active{background:linear-gradient(135deg,#de405b,#aa076b);box-shadow:0 0 18px rgba(222,64,91,.45);color:#fff;padding:10px 20px}.nav-link.active .nav-label{max-height:20px;opacity:.9}.nav-link.active:hover{background:linear-gradient(135deg,#e8506a,#be1a7c)}.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{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#de405b,#aa076b);-webkit-background-clip:text;background-clip:text;display:inline-block;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}}.skills__impact{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:2.5rem 16px 0}.skills__impact--card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:16px;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:1.4rem 1rem;transition:background .3s ease,border-color .3s ease,-webkit-transform .3s ease;transition:background .3s ease,border-color .3s ease,transform .3s ease;transition:background .3s ease,border-color .3s ease,transform .3s ease,-webkit-transform .3s ease}.skills__impact--card:hover{background:rgba(222,64,91,.08);border-color:rgba(222,64,91,.3);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.skills__impact--value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#de405b,#aa076b);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:-.03em;line-height:1}.skills__impact--label{color:hsla(0,0%,100%,.45);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}@media only screen and (min-width:480px){.skills__impact{grid-template-columns:repeat(4,1fr)}}.skills__stack{margin-top:2.5rem;padding:0 10px 10px;text-align:center}.skills__stack--title{color:#de405b!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:3px;margin-bottom:1.2rem;margin-left:0!important;margin-right:0!important;text-transform:uppercase}.skills__stack--badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.projects__container{background-color:#000;margin-bottom:75px;padding:30px 0 40px}.projects__entete{text-align:center}.projects__entete h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#de405b,#aa076b);-webkit-background-clip:text;background-clip:text;display:inline-block;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:14px;grid-column-gap:14px;-webkit-column-gap:14px;column-gap:14px;display:grid;grid-template-columns:1fr;margin:40px 0;row-gap:14px}.projects-item{background:#0d0d0d;border:1px solid hsla(0,0%,100%,.07);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;left:0;opacity:.85;position:absolute;top:0;transition:.4s ease-in-out;width:100%;z-index:2}.projects-item:hover:before{height:100%}.projects-txt{left:50%;line-height:1.4;opacity:0;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,20px);transform:translate(-50%,20px);transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;width:90%;z-index:3}.projects-item:hover .projects-txt{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.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:14px;column-gap:14px;grid-template-columns:1fr 1fr;row-gap:14px}.projects-item{margin:0;max-width:100%}}@media only screen and (min-width:1024px){.projects__menu--projectslist{gap:14px;grid-template-areas:"whale whale hk" "whale whale alaska" "bike strass agency";grid-template-columns:repeat(3,1fr);grid-template-rows:280px 220px 220px;margin:40px 0}.projects-item--featured{grid-area:whale}.projects-item--hk{grid-area:hk}.projects-item--alaska{grid-area:alaska}.projects-item--bike{grid-area:bike}.projects-item--strass{grid-area:strass}.projects-item--agency{grid-area:agency}.projects-item{height:100%;margin:0;max-height:100%;max-width:100%;width:100%}.projects-item a{display:block;height:100%}.projects-item a img{height:100%;object-fit:cover;width:100%}.projects-item--featured:after{background:linear-gradient(135deg,#de405b,#aa076b);border-radius:999px;color:#fff;content:"Featured";font-size:11px;font-weight:700;left:16px;letter-spacing:2px;padding:4px 12px;position:absolute;text-transform:uppercase;top:16px;z-index:5}}.projects-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.projects-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.15);border-radius:999px;color:hsla(0,0%,100%,.9);font-size:11px;font-style:normal;font-weight:500;padding:3px 10px}.services__container{margin-bottom:100px;padding:30px 0 40px}.services__entete{margin-bottom:60px;text-align:center}.services__entete h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#de405b,#aa076b);-webkit-background-clip:text;background-clip:text;display:inline-block;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{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:28px 20px;position:relative;transition:all .35s ease}.services__main--content:hover{background:rgba(222,64,91,.05);border-color:rgba(222,64,91,.5);box-shadow:0 8px 28px rgba(222,64,91,.15)}.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:16px;column-gap:16px;grid-template-columns:1fr 1fr;row-gap:16px}}@media only screen and (min-width:1024px){.services__main--container{-webkit-column-gap:20px;column-gap:20px;grid-template-areas:"dev dev resp webdes" "creative support brand brand";grid-template-columns:repeat(4,1fr);margin:0;row-gap:20px}.services-card--dev{grid-area:dev}.services-card--resp{grid-area:resp}.services-card--webdes{grid-area:webdes}.services-card--creative{grid-area:creative}.services-card--support{grid-area:support}.services-card--brand{grid-area:brand}.services-card--brand,.services-card--dev{align-items:center;display:flex;flex-direction:row;gap:24px;padding:36px 32px;text-align:left}.services-card--brand .services__main--title,.services-card--dev .services__main--title{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:10px;justify-content:center;min-width:80px}.services-card--brand .s__main-levitate,.services-card--dev .s__main-icons,.services-card--dev .s__main-levitate{font-size:64px}}.contact__container{display:flex;flex-direction:column;padding:70px 0 60px}.contact__background{background:radial-gradient(ellipse at 0 50%,rgba(222,64,91,.12) 0,transparent 55%),radial-gradient(ellipse at 100% 20%,rgba(170,7,107,.1) 0,transparent 50%),#0a0a0c;border-top:1px solid hsla(0,0%,100%,.06)}.contact__entete h2{font-size:2em}.contact__entete--subtitle{color:hsla(0,0%,100%,.6);font-size:.95rem;line-height:1.7;margin:10px 10px 0}.contact__entete--title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#de405b,#aa076b);-webkit-background-clip:text;background-clip:text;display:inline-block;margin:5px 10px}form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.contact__field{position:relative}input,textarea{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:var(--color-white);font-family:Poppins,sans-serif;font-size:.95rem;outline:none;padding:14px 16px;resize:none;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease;width:100%}input:focus,textarea:focus{background:rgba(222,64,91,.05);border-color:rgba(222,64,91,.6);box-shadow:0 0 0 3px rgba(222,64,91,.12)}input:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}.contact__main--mail input::-webkit-input-placeholder,.contact__main--mail textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.35)}.contact__main--mail input::placeholder,.contact__main--mail textarea::placeholder{color:hsla(0,0%,100%,.35)}.contact__main--btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#de405b,#aa076b);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;gap:10px;justify-content:center;margin-top:8px;padding:14px 32px;transition:opacity .25s ease,box-shadow .25s ease,-webkit-transform .2s ease;transition:opacity .25s ease,box-shadow .25s ease,transform .2s ease;transition:opacity .25s ease,box-shadow .25s ease,transform .2s ease,-webkit-transform .2s ease}.contact__main--btn:hover:not(:disabled){box-shadow:0 0 24px rgba(222,64,91,.45);opacity:.88;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.contact__main--btn:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.contact__main--btn--loading{cursor:not-allowed;opacity:.7}.contact__spinner{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;flex-shrink:0;height:16px;width:16px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.contact__toast{align-items:center;-webkit-animation:toast-in .35s ease;animation:toast-in .35s ease;border-radius:12px;display:flex;font-size:.88rem;font-weight:600;gap:10px;margin-top:1rem;padding:14px 18px}@-webkit-keyframes toast-in{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.contact__toast--success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#86efac}.contact__toast--error{background:rgba(222,64,91,.12);border:1px solid rgba(222,64,91,.35);color:#fca5a5}.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:.95rem}}.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__tagline{color:hsla(0,0%,100%,.32);font-size:12px;font-weight:300;letter-spacing:.8px;margin-top:5px;text-align:center}.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.22eb4993.css.map*/