@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:ital,wght@0,100..900;1,100..900&display=swap";@import"https://cdn-uicons.flaticon.com/2.6.0/uicons-bold-straight/css/uicons-bold-straight.css";:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:300;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: 0 34 72;--primary-color-light: 0 34 101;--primary-color-dark: 0 34 20;--secondary-color: 48 188 253;--secondary-color-light: 90 190 240;--secondary-color-dark: 40 145 190;--alert-color: 255 203 5;--danger-color: 255 25 25;--clear-light: 240 240 240;--heading-start-color: 240 150 0;--heading-end-color: 160 0 155;--dark-night: 15 15 15;--box-shadow: 0 0 2rem rgb(var(--clear-light) / .25);--box-shadow-dark: 0 0 1rem rgb(var(--dark-night) / .5);--drop-shadow: 0 0 .75rem rgb(var(--clear-light));--drop-shadow-dark: 0 .1rem .1rem rgb(var(--dark-night))}@font-face{font-family:AlteHaasGrotesk;src:url(/assets/AlteHaasGroteskBold-DCuBJgsO.ttf);font-weight:700}@font-face{font-family:AlteHaasGrotesk;src:url(/assets/AlteHaasGroteskRegular-B25r_GJK.ttf);font-weight:400}html{scroll-behavior:smooth;scrollbar-width:none}button,input[type=submit]{border:none;outline:none;background:none;cursor:pointer}body,body *{margin:0;padding:0;box-sizing:border-box}body{min-height:100dvh;background:rgb(var(--dark-night))}img,a{display:block}a:has(svg){display:flex}:root{--base-size: clamp(.9rem, 2vw, 1rem);--content-limit: clamp( calc(var(--base-size) * 20), 80%, calc(var(--base-size) * 60) );--content-limit-header: clamp( calc(var(--base-size) * 20), 80%, calc(var(--base-size) * 90) );--burger-height: calc(var(--base-size) * 1.5);--main-header-height: calc(var(--base-size) * 5.625);--dialog-content-width: clamp( calc(var(--base-size) * 18.75), 80%, calc(var(--base-size) * 40) );--base-border-radius: calc(var(--base-size) * .5);--smooth: .3s}body *{font-family:Outfit,sans-serif;font-size:var(--base-size);font-weight:300;color:rgb(var(--clear-light))}section{display:flex;align-items:center;min-height:100dvh;&:not(:first-of-type)>div{display:grid;gap:calc(var(--base-size) * 3)}&:not(:first-of-type)>div h2{color:rgb(var(--secondary-color-dark))}&:not(:first-of-type)>div>p{font-size:calc(var(--base-size) * 1.125);font-weight:600}}h1{font-size:calc(var(--base-size) * 2.5);line-height:calc(var(--base-size) * 3.2);font-weight:700}h2{font-size:calc(var(--base-size) * 1.75);line-height:calc(var(--base-size) * 2.5);font-weight:700}h3{font-size:calc(var(--base-size) * 1.5);line-height:calc(var(--base-size) * 2.2);font-weight:700}h1 strong{font-size:inherit;font-weight:inherit;background:-webkit-linear-gradient(45deg,rgb(var(--heading-start-color)) 20%,rgb(var(--heading-end-color)) 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}button.main-cat,button.secondary-cat,button.alternative-cat{border-radius:var(--base-border-radius);padding:calc(var(--base-size) * .6) calc(var(--base-size) * 1.2);font-size:var(--base-size);font-weight:600;font-family:inherit}ul{list-style:none}dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:none;width:var(--dialog-content-width);height:max-content;color:rgb(var(--clear-light));overflow-y:scroll;scrollbar-width:none;z-index:10;border-radius:calc(var(--base-border-radius) * 1.75);border:1px solid rgb(var(--clear-light) / .2);&::backdrop{background:#000000bf;backdrop-filter:blur(var(--base-size));-webkit-backdrop-filter:blur(var(--base-size))}>header,>div{padding:calc(var(--base-size) * 1.5)}>header{position:sticky;top:0;display:grid;justify-content:space-between;gap:var(--base-size);grid-template:100% / auto max-content;border-bottom:1px solid rgb(var(--clear-light) / .2);backdrop-filter:blur(var(--base-size));-webkit-backdrop-filter:blur(var(--base-size));>button{position:relative;background:rgb(var(--clear-light) / .2);border-radius:50%;width:calc(var(--base-size) * 2.125);aspect-ratio:1 / 1;transition:background var(--smooth)}>button:hover{background:rgb(var(--clear-light) / .3)}>button span{position:absolute;left:50%;top:50%;background:rgb(var(--clear-light));height:1px;width:60%}>button span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}>button span:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg)}.title-content{display:inherit;gap:calc(var(--base-size) * .25)}}>div{display:flex;flex-direction:column;gap:var(--base-size)}>div figure{display:inherit;flex-direction:column;gap:inherit}>div figure span{display:inline-block}>div figure span,>div figure b{font-size:calc(var(--base-size) * 1.25)}>div figure b{font-weight:700}>div img{width:100%;height:auto;border-radius:calc(var(--base-size) * .5)}}.container,.container-header{margin:auto}.container{width:var(--content-limit)}.container-header{max-width:var(--content-limit-header)}.main-cat,.secondary-cat,.alternative-cat{transition:background var(--smooth)}.main-cat,.secondary-cat{color:rgb(var(--primary-color))}.main-cat{background:rgb(var(--secondary-color))}.main-cat:hover{background:rgb(var(--secondary-color-dark))}.secondary-cat{background:rgb(var(--alert-color))}.alternative-cat{color:rgb(var(--clear-light));border:1px solid rgb(var(--clear-light))}.alternative-cat:hover{background:rgb(var(--clear-light) / .1)}.subtitle-with-icon{display:flex;align-items:center;flex-direction:column;text-align:center;& i{font-size:calc(var(--base-size) * 1.5);color:rgb(var(--clear-light) / .2)}}#main-header{position:sticky;top:0;z-index:5;height:var(--main-header-height);color:rgb(var(--clear-light));backdrop-filter:blur(var(--base-size));-webkit-backdrop-filter:blur(var(--base-size));>div{display:flex;align-items:center;justify-content:space-between;height:100%}& a{color:inherit;text-decoration:none}.logo{padding:calc(var(--base-size) * .85) 0;transition:var(--smooth);&,a,img{height:100%}& a{display:flex;align-items:center;gap:calc(var(--base-size) * .5)}& img{width:auto;will-change:filter;transition:filter .3s}& div{display:inherit;flex-direction:column;padding-bottom:calc(var(--base-size) * .19)}& div>span{font-family:AlteHaasGrotesk,sans-serif}& div>span:first-of-type{font-size:calc(var(--base-size) * .85);font-weight:700}& div>span:last-of-type{font-size:calc(var(--base-size) * .65);line-height:1}}.navigation{position:relative;height:max-content;display:flex;& nav,ul{display:inherit;gap:var(--base-size)}& nav{align-items:center;display:none}& ul{list-style:none}:is(a,.whatsapp){transition:opacity var(--smooth)}& a{font-size:calc(var(--base-size) * .85);font-weight:700}:is(li a,.whatsapp):hover{opacity:.75}& nav.open{width:max-content;align-items:flex-start;text-align:left;display:flex;background:rgb(var(--dark-night) / .75);border-radius:var(--base-size);padding:var(--base-size);position:absolute;left:10%;top:calc(calc(var(--base-size) * 1.5) + var(--burger-height));transform:translate(-80%);border:1px solid rgb(var(--clear-light) / .25)}& nav.open:before{content:"";position:absolute;top:calc(var(--base-size) * -1);right:10%;width:calc(var(--base-size) * 1.25);height:var(--base-size);background:rgb(var(--clear-light) / .25);clip-path:polygon(0 100%,50% 0,100% 100%)}& nav.open,nav.open ul{flex-direction:column}& nav.open ul{width:100%}& nav>button{width:100%}}#burger{>button{display:flex;width:calc(var(--base-size) * 1.875);height:var(--burger-height);flex-direction:column;justify-content:space-between;padding:calc(var(--base-size) * .3125);>span{background:rgb(var(--clear-light));height:1px;width:100%;transition:var(--smooth)}}.line-1{transform:rotate(-45deg) translate(calc(var(--base-size) * -.3125),calc(var(--base-size) * .25))}.line-2{opacity:0}.line-3{transform:rotate(45deg) translate(calc(var(--base-size) * -.3125),calc(var(--base-size) * -.25))}}& a:has(.whatsapp){display:flex;border-top:1px solid rgb(var(--clear-light) / .25);margin-top:calc(var(--base-size) * .25);padding-top:calc(var(--base-size) * .75);align-self:self-start}& a:has(.whatsapp):after{content:"Contactez-moi";align-self:center}.whatsapp{width:calc(var(--base-size) * 2.5);height:auto;fill:rgb(var(--clear-light))}}#contact-form{>div{display:grid;gap:var(--base-size);margin-bottom:calc(var(--base-size) * 2)}}.label{display:flex;flex-direction:column;gap:calc(var(--base-size) * .5);& input,textarea{background:none;color:rgb(var(--clear-light));border:1px solid rgb(var(--clear-light) / .2);border-radius:calc(var(--base-size) * .5);padding:calc(var(--base-size) * .5)}& input{height:calc(var(--base-size) * 3)}& textarea{height:calc(var(--base-size) * 7)}}.label+span{display:block;margin-top:calc(var(--base-size) * .5);color:rgb(var(--danger-color))}#who-is-it{min-height:calc(100dvh - var(--main-header-height));background:url(/stars.svg),radial-gradient(rgb(var(--primary-color)) -10%,rgb(var(--dark-night)) 60%) no-repeat;>div{position:relative;display:grid;gap:calc(var(--base-size) * 1.5);text-align:center}>div *:not(:last-child){position:relative}>div span{font-size:calc(var(--base-size) * .75);letter-spacing:calc(var(--base-size) * .5);text-transform:uppercase;font-weight:700;color:rgb(var(--secondary-color-dark))}>div p{font-family:AlteHaasGrotesk,sans-serif}>div button{margin:auto;width:max-content;z-index:2}>div figure.sphere,>div figure.sphere img{width:100%}>div figure.sphere{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);>img{height:auto}}}#my-offer{padding:calc(var(--main-header-height) + var(--base-size)) 0;.list-services{display:flex;flex-direction:column;gap:calc(var(--base-size) * 3)}.list-services.animate .card{transform:translate(0);opacity:1}}.card{width:95%;height:100%;margin:auto;transform:translate(calc(var(--base-size) * 3));opacity:0;border:1px solid rgb(var(--clear-light) / .15);border-radius:calc(var(--base-border-radius) * 1.25);background:rgb(var(--clear-light) / .05);>div,header{padding:calc(var(--base-size) * 1.5)}& header{display:grid;gap:var(--base-size);position:relative;overflow:hidden;border-bottom:1px solid rgb(var(--clear-light) / .15)}& header svg{width:25%;height:auto}& header h3{position:relative}>div p,>div h4{margin-bottom:calc(var(--base-size) * 1.5)}>div h4{font-size:inherit;font-weight:inherit;background:-webkit-linear-gradient(45deg,rgb(var(--heading-start-color)) 20%,rgb(var(--alert-color)) 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}>div dl{display:grid;gap:calc(var(--base-size) * .75)}>div dt{background:linear-gradient(to right,transparent,rgb(var(--secondary-color)),transparent);font-weight:700;text-align:center;color:rgb(var(--primary-color));padding:calc(var(--base-size) * .5) 0 calc(var(--base-size) * .35);margin-bottom:calc(var(--base-size) * .5)}>div dd{display:flex;align-items:center;gap:var(--base-size)}>div dd svg{width:calc(var(--base-size) * 1.75);height:auto}}.card.one{transition:calc(var(--smooth) * 3) calc(var(--smooth) * 0)}.card.two{transition:calc(var(--smooth) * 3) calc(var(--smooth) * .5)}.card.three{transition:calc(var(--smooth) * 3) calc(var(--smooth) * 1)}#my-creations{padding:calc(var(--main-header-height) + var(--base-size)) 0;>div>div{position:relative;display:grid;overflow-y:hidden;padding-bottom:var(--base-size)}& h3{font-size:calc(var(--base-size) * 2.5);line-height:calc(var(--base-size) * 3.25);font-weight:700}& h3 i{font-size:calc(var(--base-size) * 1.5);color:rgb(var(--clear-light) / .2)}>div>div>span{position:relative;height:calc(var(--base-size) * .1);width:100%;background:rgb(var(--clear-light) / .075);margin-top:calc(var(--base-size) * 3)}>div>div>span>span{position:relative;height:inherit;display:inherit;width:0;background:rgb(var(--clear-light) / .4)}>div>div>span>span:before{display:none;font-size:calc(var(--base-size) * .75);line-height:1;content:attr(data-width);position:absolute;width:max-content;height:max-content;color:rgb(var(--clear-light) / .7);bottom:calc(var(--base-size) * .5);right:var(--base-size)}>div>div>span>span.percentage:before{display:block}.arrow-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#474747;width:calc(var(--base-size) * 10);aspect-ratio:10 / 1;animation:smooth-evolution calc(var(--smooth) * 5) infinite}.scroll-wheel-information{font-size:calc(var(--base-size) * .75);text-align:center;padding-top:var(--base-size);opacity:.4;padding:var(--base-size);border-radius:var(--base-border-radius)}>div>div>ul{display:flex;gap:calc(var(--base-size) * 3);overflow-y:scroll;scrollbar-width:none}}.card-creations{position:relative;width:calc(var(--base-size) * 20);aspect-ratio:1 / 1.55;border-radius:calc(var(--base-border-radius) * 3);margin:auto;overflow:hidden;transition:transform var(--smooth);text-decoration:none;border:1px solid rgb(var(--clear-light) / .25);will-change:transform;&:after{position:absolute;font-family:Bebas Neue,sans-serif;content:attr(data-index);display:block;right:calc(var(--base-size) * 2);bottom:calc(var(--base-size) * 1.25);line-height:1;font-size:calc(var(--base-size) * 2.5);opacity:.1}& figure{position:relative;width:100%;aspect-ratio:inherit}& figure img,figure figcaption{height:100%}& figure img{position:absolute;width:auto;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.5);filter:blur(calc(var(--base-size) * 2));z-index:-1}& figure ul{display:none}& figcaption{display:flex;align-items:flex-end;background:linear-gradient(to top,rgb(var(--dark-night) / .75),transparent 130%)}& figcaption>div{display:flex;flex-direction:column;gap:var(--base-size);padding:calc(var(--base-size) * 2)}& figcaption button{width:max-content}}.card-creations.none,.arrow-indicator.none,.none{display:none}@keyframes smooth-evolution{0%{clip-path:polygon(0 45%,60% 45%,60% 0,70% 50%,60% 100%,60% 55%,0 55%)}20%{clip-path:polygon(0 45%,90% 45%,90% 0,100% 50%,90% 100%,90% 55%,0 55%)}to{clip-path:polygon(0 45%,60% 45%,60% 0,70% 50%,60% 100%,60% 55%,0 55%)}}#my-process{.timeline-container{position:relative;height:max-content;padding:calc(var(--base-size) * 1.5);& li{position:relative;padding-left:10%}& li:after{content:attr(data-index);position:absolute;top:50%;left:0;display:flex;justify-content:center;transform:translate(-50%,-50%);align-items:center;width:calc(var(--base-size) * 2);aspect-ratio:1 / 1;background:rgb(var(--alert-color));border-radius:50%;color:rgb(var(--dark-night));font-weight:700;box-shadow:0 var(--base-size) var(--base-size) rgb(var(--dark-night) / .75)}& li:not(:last-child){margin-bottom:calc(var(--base-size) * 3)}}.timeline{position:absolute;width:calc(var(--base-size) * .15);background:linear-gradient(180deg,transparent 0,rgb(var(--alert-color)) 15%,rgb(var(--alert-color)) 85%,transparent 100%);height:calc(100% + (calc(var(--base-size) * 1.5)));top:calc(calc(var(--base-size) * 1.5) * -.5)}.card-process{border:1px solid rgb(var(--clear-light) / .15);border-radius:calc(var(--base-border-radius) * 1.25);padding:calc(var(--base-size) * 1.5);background:rgb(var(--clear-light) / .05);display:grid;gap:calc(var(--base-size) * .75);& i{font-size:calc(var(--base-size) * 2);opacity:.25}& h3{color:rgb(var(--heading-start-color))}& span{padding:calc(var(--base-size) * .5) var(--base-size);background:rgb(var(--clear-light) / .1);border-radius:calc(var(--base-size) * 2);width:max-content}}}#my-inspirations{padding:calc(var(--main-header-height) + var(--base-size)) 0;>div{position:relative}>div>button{position:absolute;display:flex;justify-content:space-between;width:calc(var(--base-size) * 1.875);aspect-ratio:1 / 1;top:50%}>div>button.none{display:none}& button[name="previous slide"]{left:0;transform:translate(-50%,-50%)}& button[name="next slide"]{right:0;transform:translate(50%,-50%)}& button[name="previous slide"]:before{clip-path:polygon(0 50%,100% 0,100% 100%)}& button[name="next slide"]:before{clip-path:polygon(0 0,100% 50%,0 100%)}& button[name="previous slide"]:before,button[name="next slide"]:before{content:"";position:absolute;width:40%;height:50%;top:50%;left:50%;transform:translate(-50%,-50%);display:block;background:rgb(var(--clear-light) / .4);transition:background var(--smooth)}& button[name="previous slide"]:hover:before,button[name="next slide"]:hover:before{background:rgb(var(--clear-light))}#slider,.window{overflow-x:hidden}#slider{width:100%;background:linear-gradient(45deg,rgb(var(--clear-light) / .2) -60%,transparent 60%,rgb(var(--clear-light) / .15) 200%);border-radius:calc(var(--base-size) * 1.175)}.window{>ul{display:flex;transition:transform var(--smooth) ease}>ul>li{width:50%}}.project,.description{display:grid}.project{gap:calc(var(--base-size) * 1.5);padding:calc(var(--base-size) * 2)}.football{grid-template:auto auto auto / auto}.description h3,.description p{margin-bottom:var(--base-size)}.navigation,.navigation>div{display:flex;align-items:center}.navigation{padding:calc(var(--base-size) * .5) var(--base-size);border:1px solid rgb(var(--clear-light) / .2);width:max-content;border-radius:calc(var(--base-size) * 3);justify-self:center}.navigation>div{padding-left:calc(var(--base-size) * .5)}.navigation button{position:relative;width:calc(var(--base-size) * 1.5);aspect-ratio:1 / 1}.navigation button:before{content:"";position:absolute;display:block;width:50%;height:60%;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(var(--clear-light))}.navigation button[name="previous team"]:before{clip-path:polygon(0 50%,100% 0,100% 100%)}.navigation button[name="next team"]:before{clip-path:polygon(0 0,100% 50%,0 100%)}.navigation mark{background:none;color:rgb(var(--alert-color));margin:0 calc(var(--base-size) * .25)}.pitch{height:max-content;width:max-content;justify-self:center;>div{position:relative}& figure{width:calc(var(--base-size) * 16);display:flex;justify-content:center}& img{width:100%}>div>div{position:absolute;top:0;width:100%;height:100%;grid-template:10% 10% 10% 10% 10% 10% 10% 10% 10% 10% / 11.11111111111111% 11.11111111111111% 11.11111111111111% 11.11111111111111% 11.11111111111111% 11.11111111111111% 11.11111111111111% 11.11111111111111% 11.11111111111111%;padding:var(--base-size)}>div>div.none{display:none}.position{display:flex;flex-direction:column;align-items:center;align-self:center;cursor:pointer}.position span{font-weight:700}.position span:nth-child(1){font-family:Bebas Neue,sans-serif;width:calc(var(--base-size) * 1.65);aspect-ratio:1 / 1;display:inherit;justify-content:center;align-items:center;border-radius:50%;box-shadow:var(--box-shadow-dark);line-height:1}.position span:nth-child(2){filter:drop-shadow(var(--drop-shadow-dark))}& ul{padding-top:var(--base-size);text-align:center}}.details>div:nth-child(1){display:flex;align-items:center;gap:calc(var(--base-size) * .5);padding-bottom:var(--base-size);justify-content:center}.details>div:nth-child(1) h3{font-size:calc(var(--base-size) * 1.25);line-height:calc(var(--base-size) * 2);max-width:calc(var(--base-size) * 8.125)}.details>div:nth-child(1) img{width:calc(var(--base-size) * 5);height:calc(var(--base-size) * 5);object-fit:cover;object-position:0 0;border-radius:var(--base-size)}.details>div:nth-child(1) figure{width:calc(var(--base-size) * 5);aspect-ratio:1 / 1;overflow:hidden}.details>div:nth-child(2),.details>div:nth-child(2) img{border:1px solid rgb(var(--clear-light) / .2)}.details>div:nth-child(2){position:relative;border-radius:var(--base-size)}.details>div:nth-child(2):before,.details dialog figure:before{content:attr(data-num);font-family:Bebas Neue,sans-serif;position:absolute;right:var(--base-size);line-height:1;opacity:.2}.details>div:nth-child(2):before{font-size:calc(var(--base-size) * 4);top:var(--base-size)}.details>div:nth-child(2) figure{display:flex;width:100%}.details>div:nth-child(2) img{margin:var(--base-size);border-radius:50%;width:calc(var(--base-size) * 6.375);height:calc(var(--base-size) * 6.375);object-fit:none;object-position:calc(var(--base-size) * 6.375) 0}.details>div:nth-child(2) figcaption{border-left:1px solid rgb(var(--clear-light) / .2);padding:var(--base-size)}.details dialog{& figure{position:relative}& figure:before{font-size:calc(var(--base-size) * 6);top:0}& img{width:102px;aspect-ratio:1 / 1;border:1px solid rgb(var(--clear-light) / .2);border-radius:50%}& li:nth-child(1){font-size:calc(var(--base-size) * 1.5);font-weight:700}}.game{position:relative;height:calc(var(--base-size) * 45);display:flex;.player-screen,.game-condition,.player-global-score,.player-current-score{display:flex;flex-direction:column}.player-screen,.player-global-score,.player-current-score{justify-content:space-between;align-items:center}.player-screen{width:50%;padding:var(--base-size);border-radius:var(--base-size)}.player-screen.active{background:rgb(var(--clear-light) / .05)}.player-screen h3{font-size:calc(var(--base-size) * 1.25);font-weight:500;text-transform:uppercase}.span-mark{width:calc(var(--base-size) * .75);aspect-ratio:1 / 1;background:rgb(var(--alert-color));border-radius:50%}.span-mark.none{display:none}.player-global-score>div:first-child{position:relative}.player-global-score>div:first-child span{position:absolute;top:calc(var(--base-size) * -1.25);left:50%;transform:translate(-50%)}.player-global-score>div:last-child{font-size:calc(var(--base-size) * 4);font-weight:300;color:rgb(var(--alert-color))}.player-current-score{position:relative;padding:calc(var(--base-size) * 1.05) var(--base-size) 0;width:max-content}.player-current-score:before{content:"";top:0;position:absolute;display:block;width:50%;height:1px;background:rgb(var(--alert-color))}.player-current-score span{line-height:1}.player-current-score span:first-child{font-size:var(--base-size);font-weight:400;text-transform:uppercase;margin-bottom:calc(var(--base-size) * .25)}.player-current-score span:last-child{font-size:calc(var(--base-size) * 2.5);font-weight:400;color:rgb(var(--clear-light) / .3)}.game-condition{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);align-items:center}.game-condition button{display:inherit;align-items:center;align-self:center;gap:calc(var(--base-size) * .5);font-size:var(--base-size);font-weight:400;text-transform:uppercase}.game-condition button.main-btn{background:rgb(var(--secondary-color));color:rgb(var(--dark-night));border-radius:calc(var(--base-size) * .5);transition:background var(--smooth);padding:calc(var(--base-size) * .5) calc(var(--base-size) * .75);margin:var(--base-size) 0}.game-condition button.main-btn:hover{background:rgb(var(--secondary-color-dark))}.game-condition button svg{width:calc(var(--base-size) * 1.75);height:auto;fill:none;stroke:rgb(var(--clear-light));stroke-width:calc(var(--base-size) * .1)}.game-condition button.main-btn svg{stroke:rgb(var(--dark-night))}.dice{display:flex;width:calc(var(--base-size) * 5);aspect-ratio:1 / 1;border-radius:calc(var(--base-size) * .5);background:rgb(var(--clear-light));margin:calc(var(--base-size) * 3) 0;padding:calc(var(--base-size) * .5);box-shadow:0 0 var(--base-size) rgb(var(--clear-light) / .5)}.dice svg{width:100%;height:auto;fill:rgb(var(--primary-color))}.indicator{color:rgb(var(--clear-light));max-width:calc(var(--base-size) * 25);max-height:calc(var(--base-size) * 4);font-size:var(--base-size);text-align:center}.indicator strong,.indicator b{font-weight:700}.indicator strong{color:rgb(var(--secondary-color))}.indicator.hidden{visibility:hidden}}}@keyframes spin-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{position:relative}#root>footer{display:flex;flex-direction:column;align-items:center;gap:calc(var(--base-size) * .65);padding:var(--base-size) calc(var(--base-size) * 3);>div{display:inherit;gap:inherit;flex-direction:column;justify-content:center;align-items:center}>button,>div span{font-size:calc(var(--base-size) * .85)}>button{position:relative;font-weight:400;padding:var(--base-size)}>button:after{position:absolute;content:"";display:block;width:100%;height:calc(var(--base-size) * .1);bottom:0;left:50%;background:linear-gradient(to right,transparent,rgb(var(--clear-light) / .25),transparent);transform:translate(-50%)}>div div:last-child ul{display:flex;gap:calc(var(--base-size) * .35);align-items:center;justify-content:center}>div div:last-child li{width:calc(var(--base-size) * 1.25);aspect-ratio:1 / 1}>div div:last-child a{width:100%;height:100%;display:flex;border-radius:50%}>div div:last-child svg{fill:rgb(var(--clear-light) / .4);transition:var(--smooth)}>div div:last-child svg:hover{fill:rgb(var(--clear-light) / .7)}}#privacy-policy-dialog-content{display:grid;gap:var(--base-size)}.logo:hover{filter:drop-shadow(0 0 2em rgb(--clear-light))}.read-the-docs{color:#888}#music-widget{position:fixed;width:calc(var(--base-size) * 18);height:max-content;left:50%;transform:translate(-50%);bottom:calc(var(--base-size) * 2);padding:var(--base-size);border:1px solid rgb(var(--clear-light) / .2);border-radius:calc(var(--base-border-radius) * 1.5);background:rgb(var(--dark-night) / .7);z-index:3;& *:not(.main-cat){color:rgb(var(--clear-light))}>div:nth-child(1){display:grid;width:100%;align-items:center;grid-template:100% / calc(var(--base-size) * 2.5) auto calc(var(--base-size) * 5);padding-bottom:var(--base-size);border-bottom:1px solid rgb(var(--clear-light) / .2)}.cover img,.buttons button{aspect-ratio:1 / 1}.cover img{width:100%;object-fit:cover;border-radius:var(--base-border-radius);cursor:pointer}.cover img.loading{opacity:.35;border:1px solid rgb(var(--clear-light) / .75)}.buttons>div{display:flex;width:auto;height:100%;padding:0 var(--base-size);justify-content:space-between;align-items:center}.buttons button{width:calc(var(--base-size) * 1.5625);position:relative;border:1px solid rgb(var(--clear-light));border-radius:50%}.buttons button:before,.buttons button[name="previous track"]:after,.buttons button[name="next track"]:after{content:"";display:block;position:absolute}.buttons button[name="previous track"]:before,.buttons button[name="previous track"]:after,.buttons button[name="next track"]:before,.buttons button[name="next track"]:after{height:50%;top:50%;transform:translate(-50%,-50%);background:rgb(var(--clear-light))}.buttons button[name="previous track"]:before,.buttons button[name="next track"]:before{width:1px}.buttons button[name="previous track"]:after,.buttons button[name="next track"]:after{width:40%;left:50%}.buttons button[name="previous track"]:before{left:25%}.buttons button[name="previous track"]:after{clip-path:polygon(0 50%,100% 0,100% 100%)}.buttons button[name="next track"]:before{right:25%}.buttons button[name="next track"]:after{clip-path:polygon(0 0,100% 50%,0 100%)}.buttons button[name="play track"]{width:calc(var(--base-size) * 1.875);aspect-ratio:1 / 1}.buttons button[name="play track"]:before,.buttons button[name="play track"]:after{content:"";position:absolute}.buttons button[name="play track"]:before{width:40%;height:50%;top:50%;left:55%;transform:translate(-50%,-50%);background:rgb(var(--clear-light));clip-path:polygon(0 0,100% 50%,0 100%)}.buttons button[name="play track"].play:before,.buttons button[name="play track"].play:after{width:calc(var(--base-size) * .25);height:50%;top:50%;transform:translateY(-50%);display:block;background:rgb(var(--clear-light))}.buttons button[name="play track"].play:before{left:30%;clip-path:none}.buttons button[name="play track"].play:after{right:30%}.timer *,.infos{font-size:calc(var(--base-size) * .75)}.timer{display:grid}.timer *{justify-self:flex-end}.timer span:last-child{opacity:.35}.artist-title{padding-top:calc(var(--base-size) * .5);text-align:center}.artist-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-title span.loading{display:flex;justify-content:center;align-items:center;gap:calc(var(--base-size) * .5)}.infos{display:block;color:rgb(var(--danger-color));text-align:center}.audius-logo{position:absolute;top:calc(var(--base-size) * -1.25);left:50%;transform:translate(-50%);width:10%;& img{width:100%;height:auto;filter:drop-shadow(var(--drop-shadow))}}}#loading-icon{width:calc(var(--base-size) * 1.5625);aspect-ratio:1 / 1;transform-origin:center center;animation:spin-rotate 1s linear infinite;& path{stroke:none;fill:rgb(var(--clear-light))}.path001{opacity:calc(calc(1 / 12) * 1)}.path002{opacity:calc(calc(1 / 12) * 2)}.path003{opacity:.25}.path004{opacity:calc(calc(1 / 12) * 4)}.path005{opacity:calc(calc(1 / 12) * 5)}.path006{opacity:.5}.path007{opacity:calc(calc(1 / 12) * 7)}.path008{opacity:calc(calc(1 / 12) * 8)}.path009{opacity:.75}.path010{opacity:calc(calc(1 / 12) * 10)}.path011{opacity:calc(calc(1 / 12) * 11)}.path012{opacity:1}}.calendly-badge-content{display:none!important}@media screen and (min-width: 500px){.card{width:80%}#my-inspirations .game{.player-screen h3{font-size:calc(var(--base-size) * 1.75);font-weight:300}.player-current-score span:first-child{font-size:calc(var(--base-size) * 1.25)}}}@media screen and (min-width: 600px){#my-inspirations{.navigation{padding:var(--base-size) calc(var(--base-size) * 1.5);gap:var(--base-size)}.navigation>div{border-left:1px solid rgb(var(--clear-light) / .2);gap:calc(var(--base-size) * .25)}.navigation button{width:calc(var(--base-size) * 2)}.details>div:nth-child(1) h3{max-width:unset}.game{height:calc(var(--base-size) * 30.31);.player-screen{padding:calc(var(--base-size) * 2)}.player-global-score>div:first-child{display:inherit;align-items:center;gap:var(--base-size)}.player-global-score>div:first-child span{position:unset}}}#root>footer{>div{flex-direction:row}>a:hover{text-decoration:underline}}}@media screen and (min-width: 650px){.card{width:calc(var(--base-size) * 18)}.card-creations{width:calc(var(--base-size) * 35);aspect-ratio:1.55 / 1;& figure ul{display:block}& figure b{color:rgb(var(--heading-start-color));font-weight:600}}.card-creations:hover{transform:scale(1.025)}}@media screen and (min-width: 700px){dialog{>div figure{flex-direction:row}>div img{width:60%}}section:not(:first-of-type)>div{padding:calc(var(--base-size) * 10) 0}.subtitle-with-icon{position:relative;display:block;gap:unset;text-align:left;& i{padding-right:calc(var(--base-size) * .75);padding-bottom:calc(var(--base-size) * .5)}}#my-offer,#my-creations,#my-inspirations{padding:0}#my-creations{>div>div>ul{padding:calc(var(--base-size) * 3)}>div>div>span{margin-top:unset}}#music-widget{.buttons button{opacity:.35;transition:opacity var(--smooth)}.buttons button:hover{opacity:1}}#my-inspirations{.navigation button:before{background:rgb(var(--clear-light) / .2);transition:background var(--smooth)}.navigation button:hover:before{background:rgb(var(--clear-light))}}}@media screen and (min-width: 950px){h1{font-size:calc(var(--base-size) * 3.75);font-weight:700;line-height:calc(var(--base-size) * 4.5)}#who-is-it{>div span{font-size:calc(var(--base-size) * .8);letter-spacing:calc(var(--base-size) * .75)}}}@media screen and (min-width: 900px){#my-process{.timeline-container{& li{padding-left:unset}& li:after{left:49.8%}& li:nth-child(odd){padding-left:55%}& li:nth-child(2n){padding-right:55%}}.timeline{right:50%;transform:translate(-50%)}}}@media screen and (min-width: 1100px){#my-inspirations{.football{grid-template:auto auto / auto auto}.football>div.description{grid-area:1 / 1 / 2 / 2}.football>div.pitch{grid-area:1 / 2 / 3 / 3}.football>div.pitch figure{width:calc(var(--base-size) * 21.875)}.navigation{justify-self:unset}.details>div:nth-child(1){justify-content:unset}}}@media screen and (min-width: 1200px){#my-offer{padding:0;.list-services{flex-direction:row;justify-content:space-between;gap:unset}}.card{transform:translate(calc(var(--base-size) * 7))}#my-creations{>div>div{padding-bottom:unset}>div>div>ul{padding:calc(var(--base-size) * 3)}}}@media screen and (min-width: 1400px){#main-header{.navigation{& nav{display:flex}& nav>button{width:max-content}& a:has(.whatsapp){border-top:unset;margin-top:unset;padding-top:unset;padding-left:calc(var(--base-size) * .75);border-left:1px solid rgb(var(--clear-light) / .25)}& a:has(.whatsapp):after{content:""}}#burger{display:none}}}