@import"https://fonts.googleapis.com/css2?family=Hind+Vadodara:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Marck+Script&display=swap";#footer{display:flex;background-color:var(--dark-color);justify-content:space-between;align-items:center;padding:0 5%;height:5vh;color:ivory}#navigation-bar{background-color:var(--light-color);display:flex;justify-content:space-between;align-items:center;height:10vh;position:relative;padding-left:8rem}#navigation-bar a#logo-button{height:100%}#navigation-bar a img#logo{height:100%;width:auto;mix-blend-mode:multiply}#navigation-bar section#nav-links{width:50vw;display:flex;justify-content:space-evenly}#navigation-bar a{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;width:max-content}#navigation-bar a img.nav-img{width:60px;opacity:.2;filter:grayscale(1);filter:invert(1)}#navigation-bar a:hover img.nav-img{opacity:.5}#navigation-bar a p{font-family:Marck Script,sans-serif;font-size:1.3rem;font-weight:600;color:var(--dark-color);position:absolute;top:40%;text-wrap:nowrap}#burger{display:none}@media screen and (max-width: 768px){#navigation-bar{justify-content:center}#navigation-bar .nav-link{display:none}#navigation-bar a img#logo{height:9vh;width:auto}#navigation-bar img#burger{display:inline-block;position:absolute;right:30px;height:50%}#nav-mobile{background-size:cover;background-image:url(/assets/accueil_720-C_pd9Hm6.jpg);background-color:#000000a6;background-blend-mode:darken;height:100%;position:absolute;z-index:2;display:flex;flex-direction:column}#nav-mobile a{display:flex;flex-direction:row;align-items:center;gap:2rem;padding-left:100px;padding-top:2rem;padding-bottom:2rem;position:relative;width:100vw;border-bottom:solid 2px black}#nav-mobile a img.nav-img{width:40px;filter:invert(.8)}#nav-mobile a p{font-family:Marck Script,sans-serif;font-size:1.5rem;font-weight:600;color:#ccc;text-wrap:nowrap}}#main-about{height:85vh;background-size:cover;background-image:url(/assets/accueil_720-C_pd9Hm6.jpg);background-position:0% 26%;position:relative}#about-content{background-color:#000000e6;display:flex;flex-direction:column;justify-content:center;width:80%;margin:0 auto;padding:5rem 10rem;border-radius:2rem;position:absolute;top:10%;right:10%;color:#fff}#about-content h1{padding-left:10rem;padding-bottom:2rem}#about-content p{text-align:left;padding:1rem;line-height:1.5}#assessment-button{display:flex;gap:3rem}#assessment-button{display:flex;align-items:center;justify-content:end;padding:2rem 3rem;margin-top:10px;gap:20px;width:390px;height:90px;background:linear-gradient(to bottom left,var(--light-color),var(--main-color));border-radius:50px;border:inset 10px var(--dark-color);cursor:pointer}#assessment-button p{color:#fff;font-family:Marck Script,sans-serif;font-size:1.5rem}#assessment-button img{width:40px;height:auto;object-fit:contain;filter:invert(1)}#assessment-button:hover img{animation-name:shuffle;animation-duration:.5s;animation-iteration-count:infinite}#assessment-button:hover p{color:var(--dark-color)}header.assessment-content{background-color:#000c}header.assessment-content #assessment-results-lists{display:flex;justify-content:space-between}header.assessment-content #assessment-results-lists div{flex-grow:1}@counter-style beer{system:cyclic;symbols:"🍻";suffix:" "}header.assessment-content #assessment-results-lists div ul{margin-left:2rem}header.assessment-content #assessment-results-lists div ul li{list-style:circled-numbers outside;text-indent:1rem;line-height:1.2}header.assessment-content #assessment-results-lists div#beers-exemple ul li{list-style:beer outside}@media screen and (max-width: 768px){header.assessment-content #assessment-results-lists{display:flex;flex-direction:column;gap:1rem}}#assessment-result-buttons{display:flex;justify-content:space-evenly;align-items:center}#assessment-result-buttons button{cursor:pointer}#assessment-result-buttons #assessment-to-game-button{display:flex;align-items:center;justify-content:end;padding:2rem 3rem;gap:20px;background:linear-gradient(to bottom left,var(--light-color),var(--main-color));border-radius:50px;border:inset 10px var(--dark-color);width:280px;height:90px}#assessment-result-buttons #assessment-to-game-button p{color:#fff;font-family:Marck Script,sans-serif;font-size:2rem}#assessment-result-buttons #assessment-to-game-button img{width:50px;height:auto;object-fit:contain;border-radius:90%}#assessment-result-buttons #assessment-to-game-button:hover img{animation-name:shuffle;animation-duration:.5s;animation-iteration-count:infinite}#assessment-result-buttons #assessment-to-game-button:hover p{color:var(--dark-color)}#assessment-result-buttons #redo-assessment-button{background-color:transparent;color:#ffffffbe;border:solid #ffffffbe 2px;border-radius:50px;padding:1rem 2rem;width:260px;height:70px;font-size:1.2rem}#assessment-result-buttons #redo-assessment-button:hover{background-color:var(--main-color);color:var(--dark-color);border:none}@media screen and (max-width: 768px){#assessment-result-buttons{display:flex;flex-direction:column;gap:1rem}}#main-assessment{height:85vh;background-size:cover;background-image:url(/assets/accueil_720-C_pd9Hm6.jpg);background-position:0% 26%;position:relative}#assessment-header{display:flex;height:359px}#assessment-header h1,#assessment-header p{color:ivory}#assessment-header p.header-txt{font-size:1.1rem}.assessment-content{background-color:#0009;display:flex;flex-direction:column;justify-content:center;gap:2rem;width:905px;min-height:399px;margin:0 auto;padding:50px;border-radius:2rem;position:absolute;top:10%;right:10%;color:ivory}.assessment-answers{display:flex;flex-direction:column;justify-content:space-evenly;gap:1rem}#assessment-intro{align-items:center}.assessment-answers button{background-color:var(--dark-color);border:none;border-radius:50px;box-shadow:5px 5px 5px 5px #000;padding:.5rem;font-family:Hind Vadodara,sans-serif;font-size:1rem;color:ivory;cursor:pointer}@media screen and (max-width: 768px){#main-assessment{min-height:85vh;height:max-content;width:100vw}.assessment-content{position:static;height:auto;width:100%;top:0;right:0;border-radius:0}.character-image{display:none}.character-image-mobile{display:inline-block;position:static;width:200px}}main#game-main{display:grid;grid-template:2fr 1fr / 35vw 2fr;height:85vh;background-image:url(/assets/game-background-CVRWXJkg.jpg);background-size:cover}main#game-main div#game-stats{display:flex;flex-direction:column;align-items:end;gap:2rem;padding:1rem}button.game-buttons{background-color:#000;border:none;border-radius:5px;opacity:60%;font-family:Hind Vadadora,sans-serif;font-size:.8rem;text-decoration:none;color:#fff;padding:.4rem 1.4rem;cursor:pointer}button.game-buttons:hover{opacity:1}main#game-main section#game-gameset{grid-area:1 / 2 / 3 / 2;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;position:relative;margin:2rem 0 1rem}main#game-main article#game-rules{margin-top:10%;padding:1em;color:#fff;background-color:#0006}#mobile-version{display:none}@media screen and (max-width: 768px){#mobile-version{display:flex;justify-content:center;align-items:center;height:85vh;width:100vw;background-image:url(/assets/game-background-CVRWXJkg.jpg);background-size:cover;z-index:4;position:absolute}#mobile-version p{background-color:var(--light-color);padding:5rem;border-radius:25px;height:fit-content;max-width:80%;text-align:center}}button#button-reload{position:absolute;top:-1rem;right:2rem}section.deck{display:flex;justify-content:center;gap:2rem;width:100%}section.deck article.temp-card{width:100px;height:100px;background-color:var(--main-color)}section#game-area{background-image:url(/assets/green-COxheuN2.jpg);background-size:cover;box-shadow:0 0 10px 5px #000c;width:500px;height:300px}section#game-area h3#pick-card{position:absolute;top:45%;left:41%;font-size:2rem;text-align:center;color:#fff;line-height:2}section#game-area h3#pick-card img{filter:invert(1)}.button-user-cards{font:inherit;border:none;padding:0}div#round-msg{position:absolute;top:15rem;right:0;margin:0 auto;background-color:#000c;width:200px;padding:2rem}div#round-msg h3{color:#fff}section#game-alcohol-level{position:absolute;right:75%;top:35%;display:flex;flex-direction:column;align-items:center}img#imagealcohollevel{height:250px}div#progresse-bar{position:absolute;bottom:60px;right:85px}#verticale-bar{width:90px;background-color:#ffd900;display:flex;align-items:center;justify-content:center;border-radius:15px;opacity:.75;transition:all 1.5s linear}#progress-alcohol-level{font-size:1.2rem;font-weight:600;color:#fff}#boost-and-progress{margin:-35px auto 0;display:flex;align-items:center;gap:.3rem;background-color:var(--light-color);padding:.3rem .8rem;border-radius:30px;box-shadow:2px 2px 2px #0000009a}#boost-and-progress p#boost-description{display:none;border-radius:5px;width:200px}#boost:hover p#boost-description{display:inline-block;position:absolute;background-color:var(--second-color);font-size:.8rem;padding:1rem;z-index:3}#boost-and-progress .boost-off{filter:grayscale(1)}.drunk-light{animation:drunkLight 2.5s ease-in-out infinite;filter:blur(1px)}.drunk-medium{animation:drunkMedium 2s ease-in-out infinite;filter:blur(1.25px)}.drunk-high{animation:drunkHigh 1.5s ease-in-out infinite;filter:blur(1.5px)}.drunk-very-high{animation:drunkVeryHigh 1s ease-in-out infinite;filter:blur(1.75px)}.drunk-extreme{animation:drunkExtreme .5s ease-in-out infinite;filter:blur(2px)}@keyframes drunkLight{0%{filter:blur(0)}10%{filter:blur(12px)}20%{filter:blur(12px)}30%{filter:blur(10px)}40%{filter:blur(12px)}50%{filter:blur(10px)}60%{filter:blur(12px)}70%{filter:blur(10px)}80%{filter:blur(12px)}90%{filter:blur(10px)}to{filter:blur(0)}}@keyframes drunkMedium{0%{filter:blur(0)}10%{filter:blur(12px)}20%{filter:blur(12px)}30%{filter:blur(10px)}40%{filter:blur(12px)}50%{filter:blur(10px)}60%{filter:blur(12px)}70%{filter:blur(10px)}80%{filter:blur(12px)}90%{filter:blur(10px)}to{filter:blur(0)}}@keyframes drunkHigh{0%{filter:blur(0)}10%{filter:blur(12px)}20%{filter:blur(12px)}30%{filter:blur(10px)}40%{filter:blur(12px)}50%{filter:blur(10px)}60%{filter:blur(12px)}70%{filter:blur(10px)}80%{filter:blur(12px)}90%{filter:blur(10px)}to{filter:blur(0)}}@keyframes drunkVeryHigh{0%{filter:blur(0)}10%{filter:blur(12px)}20%{filter:blur(12px)}30%{filter:blur(10px)}40%{filter:blur(12px)}50%{filter:blur(10px)}60%{filter:blur(12px)}70%{filter:blur(10px)}80%{filter:blur(12px)}90%{filter:blur(10px)}to{filter:blur(0)}}@keyframes drunkExtreme{0%{filter:blur(0)}10%{filter:blur(12px)}20%{filter:blur(12px)}30%{filter:blur(10px)}40%{filter:blur(12px)}50%{filter:blur(10px)}60%{filter:blur(12px)}70%{filter:blur(10px)}80%{filter:blur(12px)}90%{filter:blur(10px)}to{filter:blur(0)}}.beer-card{width:10%;height:170px;position:relative;perspective:1000px;margin:1rem}.beer-card-font,.beer-card-back{width:100%;height:100%;position:absolute;backface-visibility:hidden;transition:transform .6s ease;transform-style:preserve-3d;background-color:var(--light-color);border-radius:20px;border:7px solid var(--dark-color);display:flex;flex-direction:column;text-align:center}.beer-card-font{transform:rotateY(0);justify-content:space-between}.beer-card-font:before{content:"";background-image:url(/assets/beer_480-tlxfivlT.png);background-size:cover;background-repeat:no-repeat;backface-visibility:hidden;background-position:center;transform:rotate(-30deg);position:absolute;top:30%;left:20%;width:62%;height:60%}.beer-card-back{justify-content:flex-end;transform:rotateY(180deg);padding:0;z-index:1}.beer-card-back:before{content:"";background-image:url(/assets/fork-BSHqqiIP.png);background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;top:10%;left:30%;width:45%;height:30%;z-index:1}.container-name{background-color:var(--dark-color);min-height:40px;width:101%;z-index:1;display:flex;align-items:center;justify-content:center}.container-name h2{font-family:Hind Vadadora,sans-serif;font-size:.6rem;color:#ffffffce}.container-number{padding:5px;border-radius:50%;align-self:flex-end;text-align:center;display:flex;justify-content:center;align-items:center;width:35px;height:35px;position:absolute;bottom:-15px;right:-15px}.second-color{background-color:var(--second-color)}.light-color{background-color:var(--light-color)}.dark-color{background-color:var(--dark-color)}.container-number h3{font-size:18px;color:#fff}.container-I-card{width:20px;height:20px;border:none;background-color:var(--main-color);border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;left:3px;bottom:3px;cursor:pointer;color:ivory}.beer-card.flipped .beer-card-font{transform:rotateY(180deg)}.beer-card-back p{font-family:Calligraffitti,sans-serif;font-size:10px;color:#232121f6;margin-top:5px;margin-bottom:25%}.beer-card.flipped .beer-card-back{transform:rotateY(0)}.beer-card-flip{transition:transform .6s ease}#game-area{display:flex;justify-content:center;gap:40px}#computer-selected-card .beer-card,#user-selected-card .beer-card{width:155px;height:75%;box-sizing:border-box;margin-top:2rem}#computer-selected-card .container-name,#user-selected-card .container-name{min-height:60px}#computer-selected-card .container-name h2,#user-selected-card .container-name h2{font-size:.8rem}.container-number-back{padding:5px;border-radius:50%;align-self:flex-end;text-align:center;display:flex;justify-content:center;align-items:center;width:35px;height:35px;position:absolute;bottom:-15px;right:-15px}.container-number-back h3{font-size:18px;color:#fff}#computer-deck .card-user-selctioned,#game-area .card-user-selctioned{display:none}.card-user-selctioned{position:absolute;top:30%;opacity:0;transition:opacity .3s ease;padding:1rem;background-color:var(--dark-color);border-radius:30px;border:none;box-shadow:2px 2px 5px 2px #000000b1;font-family:Hind Vadadora,sans-serif;font-size:.8rem;color:#fff;cursor:pointer}.beer-card:hover .card-user-selctioned{opacity:1;z-index:3}main#game-main section#pop-up{display:flex;justify-content:center;gap:3rem;position:absolute;top:25%;margin:0;left:23%;padding:5rem 2rem;z-index:1;background-color:var(--light-color);border-radius:15px;box-shadow:5px 5px 20px 10px #000000b6}main#game-main section#pop-up img#barman{width:30%;height:100%}main#game-main section#pop-up div.pop-up-txt{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:30rem}main#game-main section#pop-up div.pop-up-txt h2{padding-bottom:1rem}main#game-main section#pop-up div button{background-color:var(--main-color);border:none;border-radius:50px;padding:1rem 2rem;cursor:pointer}main#game-main section#pop-up div button:hover{color:#fff}.filtered-decks{margin:1rem 0;font-weight:600}#boost-desc{display:flex;align-items:center;gap:1rem}main#game-main div#game-stats article{display:grid;grid-template:repeat(6,1fr) / auto 1fr;column-gap:3rem;row-gap:.5rem;width:100%;background-color:#000;opacity:70%;color:#fff;padding:2rem}main#game-main div#game-stats article #header-nb-games{grid-column-end:span 2;font-style:italic}.stats-taux{text-indent:2rem}@counter-style circled-numbers{system:cyclic;symbols:"➀" "➁" "➂" "➃" "➄";suffix:" "}#assessment-results ul{margin-left:2rem}#assessment-results ul li{list-style:circled-numbers outside;text-indent:1rem;line-height:1.2}@keyframes shuffle{0%{rotate:0deg}10%{rotate:25deg}20%{rotate:0deg}30%{rotate:-25deg}40%{rotate:0deg}50%{rotate:25deg}60%{rotate:0deg}70%{rotate:-25deg}80%{rotate:0deg}90%{rotate:0deg}to{rotate:0deg}}#home-buttons{display:flex;gap:3rem}#home-buttons .home-button{display:flex;align-items:center;justify-content:end;padding:2rem 3rem;margin-top:40px;gap:20px;width:280px;height:90px;background:linear-gradient(to bottom left,var(--light-color),var(--main-color));border-radius:50px;border:inset 10px var(--dark-color);cursor:pointer}#home-buttons .home-button p{color:#fff;font-family:Marck Script,sans-serif;font-size:2rem}#home-buttons .home-button p#deck-button-text{font-size:1.4rem}#home-buttons .home-button img{width:50px;height:auto;object-fit:contain;border-radius:90%}#home-buttons .home-button img#logo-deck{filter:invert(1)}#home-buttons .home-button:hover img{animation-name:shuffle;animation-duration:.5s;animation-iteration-count:infinite}#home-buttons .home-button:hover p{color:var(--dark-color)}@media screen and (max-width: 768px){#home-buttons{flex-direction:column;gap:0}}#main-home{height:85vh;background-size:cover;background-image:url(/assets/accueil_720-C_pd9Hm6.jpg);background-position:0% 26%;position:relative}.entrance-game{display:flex;flex-direction:row-reverse;height:359px}.entrance-game h1{margin-bottom:50px;flex-grow:1}.entrance-game h1,.entrance-game p{color:ivory}.entrance-game p.header-txt{font-size:1.1rem}.entrance-game{background-color:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center;width:905px;height:399px;margin:0 auto;padding:50px;text-align:center;border-radius:2rem;position:absolute;top:10%;right:10%}.character-image{width:400px;height:auto;position:absolute;left:15%;bottom:2%}.character-image-mobile{display:none}@media screen and (max-width: 768px){#main-home{min-height:85vh;height:max-content;width:100vw}.entrance-game{position:static;height:auto;width:100%;top:0;right:0}.character-image{display:none}.character-image-mobile{display:inline-block;position:static;width:200px}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--main-color: #e8871e;--dark-color: #af3800;--light-color: #edb458;--second-color: #d4d4aa}*{box-sizing:border-box}h1{font-size:3.5rem}h1,h2,h3{font-family:Marck Script,sans-serif}h2{font-size:1.7rem}h3{font-size:1.4rem}p,a,li{font-family:Hind Vadodara,sans-serif}button{font-size:1.5rem;font-family:Marck Script,sans-serif}a{text-decoration:none;color:#000}