@font-face{font-family:Gotham;src:url(../fonts/Gotham-Light.woff2) format("woff2"),url(../fonts/Gotham-Light.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Gotham;src:url(../fonts/Gotham-Book.woff2) format("woff2"),url(../fonts/Gotham-Book.woff) format("woff");font-weight:400;font-style:400}@font-face{font-family:Gotham;src:url(../fonts/Gotham-Thin.woff2) format("woff2"),url(../fonts/Gotham-Thin.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:Gotham;src:url(../fonts/Gotham-Medium.woff2) format("woff2"),url(../fonts/Gotham-Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Clarins;src:url(../fonts/clarinsreg-webfont.eot);src:url(../fonts/clarinsreg-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/ClarinsRegular.woff2) format("woff2"),url(../fonts/ClarinsRegular.woff) format("woff"),url(../fonts/clarinsreg-webfont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Clarins;src:url(../fonts/Clarins-Italic.woff2) format("woff2"),url(../fonts/Clarins-Italic.woff) format("woff");font-weight:400;font-style:italic}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font-style:inherit}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:400}html{-webkit-font-smoothing:antialiased!important;font-size:100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}body{font-size:16px;font-size:1rem;line-height:1.5}a{-webkit-font-smoothing:antialiased!important;color:inherit}button{border:none;cursor:pointer;font-size:16px;font-size:1rem}button,input{border-radius:0}.pointer{cursor:pointer}.cursorDefault{cursor:default}.clearfix{display:block}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}.fll{float:left}.flr{float:right}.clearb{clear:both}.dnone{display:none}.ib{display:inline-block}.b,.bold,b{font-weight:700}.i,.italic{font-style:italic}.txt_center{text-align:center}.txt_right{text-align:right}.txt_left{text-align:left}.uppercase{text-transform:uppercase}.smallcaps{font-variant:small-caps}.opa0{opacity:0}.opa1{opacity:1}.unselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.rel{position:relative}.abs{position:absolute}.fix{position:fixed}.auto{margin-left:auto;margin-right:auto}.overflowH{overflow:hidden}.overflowHX{overflow-x:hidden}.overflowHY{overflow-y:hidden}.pad0{padding:0}.pad10{padding:10px}.pad20{padding:20px}.pad30{padding:30px}.pad40{padding:40px}.padw0{padding-left:0;padding-right:0}.padw10{padding-left:10px;padding-right:10px}.padw20{padding-left:20px;padding-right:20px}.padw30{padding-left:30px;padding-right:30px}.padw40{padding-left:40px;padding-right:40px}.padh0{padding-top:0;padding-bottom:0}.padh10{padding-top:10px;padding-bottom:10px}.padh20{padding-top:20px;padding-bottom:20px}.padh30{padding-top:30px;padding-bottom:30px}.padh40{padding-top:40px;padding-bottom:40px}.padt0{padding-top:0}.padt10{padding-top:10px}.padt20{padding-top:20px}.padt30{padding-top:30px}.padt40{padding-top:40px}.padb0{padding-bottom:0}.padb10{padding-bottom:10px}.padb20{padding-bottom:20px}.padb30{padding-bottom:30px}.padb40{padding-bottom:40px}.padl0{padding-left:0}.padl10{padding-left:10px}.padl20{padding-left:20px}.padl30{padding-left:30px}.padl40{padding-left:40px}.padr0{padding-right:0}.padr10{padding-right:10px}.padr20{padding-right:20px}.padr30{padding-right:30px}.padr40{padding-right:40px}.mar0{margin:0}.mar10{margin:10px}.mar20{margin:20px}.mar30{margin:30px}.mar40{margin:40px}.marw0{margin-left:0;margin-right:0}.marw10{margin-left:10px;margin-right:10px}.marw20{margin-left:20px;margin-right:20px}.marw30{margin-left:30px;margin-right:30px}.marw40{margin-left:40px;margin-right:40px}.marh0{margin-top:0;margin-bottom:0}.marh5{margin-top:5px;margin-bottom:5px}.marh10{margin-top:10px;margin-bottom:10px}.marh20{margin-top:20px;margin-bottom:20px}.marh30{margin-top:30px;margin-bottom:30px}.marh40{margin-top:40px;margin-bottom:40px}.mart0{margin-top:0}.mart10{margin-top:10px}.mart20{margin-top:20px}.mart30{margin-top:30px}.mart40{margin-top:40px}.marb0{margin-bottom:0}.marb10{margin-bottom:10px}.marb20{margin-bottom:20px}.marb30{margin-bottom:30px}.marb40{margin-bottom:40px}.marl0{margin-left:0}.marl10{margin-left:10px}.marl20{margin-left:20px}.marl30{margin-left:30px}.marl40{margin-left:40px}.marr0{margin-right:0}.marr10{margin-right:10px}.marr20{margin-right:20px}.marr30{margin-right:30px}.marr40{margin-right:40px}.fs10{font-size:10px;font-size:.625rem}.fs11{font-size:11px;font-size:.6875rem}.fs12{font-size:12px;font-size:.75rem}.fs13{font-size:13px;font-size:.8125rem}.fs14{font-size:14px;font-size:.875rem}.fs15{font-size:15px;font-size:.9375rem}.fs16{font-size:16px;font-size:1rem}.fs17{font-size:17px;font-size:1.0625rem}.fs18{font-size:18px;font-size:1.125rem}.fs19{font-size:19px;font-size:1.1875rem}.fs20{font-size:20px;font-size:1.25rem}.fs21{font-size:21px;font-size:1.3125rem}.fs22{font-size:22px;font-size:1.375rem}.fs23{font-size:23px;font-size:1.4375rem}.fs24{font-size:24px;font-size:1.5rem}.fs25{font-size:25px;font-size:1.5625rem}.fs26{font-size:26px;font-size:1.625rem}.fs27{font-size:27px;font-size:1.6875rem}.fs28{font-size:28px;font-size:1.75rem}.embed-video{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;overflow:hidden}.embed-video iframe{margin:auto;position:absolute;top:0;left:0;right:0;width:100%;height:100%}.ma0,.man{margin:0}.pa0,.pan{padding:0}.mauto{margin:0 auto}.mat{margin:20px}.mas{margin:40px}.mam{margin:60px}.mal{margin:100px}.pat{padding:20px}.pas{padding:40px}.pam{padding:60px}.pal{padding:100px}.mt0,.mtn{margin-top:0}.mtt{margin-top:20px}.mts{margin-top:40px}.mtm{margin-top:60px}.mtl{margin-top:100px}.mtauto{margin-top:auto}.mr0,.mrn{margin-right:0}.mrt{margin-right:20px}.mrs{margin-right:40px}.mrm{margin-right:60px}.mrl{margin-right:100px}.mrauto{margin-right:auto}.mb0,.mbn{margin-bottom:0}.mbt{margin-bottom:20px}.mbs{margin-bottom:40px}.mbm{margin-bottom:60px}.mbl{margin-bottom:100px}.mbauto{margin-bottom:auto}.ml0,.mln{margin-left:0}.mlt{margin-left:20px}.mls{margin-left:40px}.mlm{margin-left:60px}.mll{margin-left:100px}.mlauto{margin-left:auto}.pt0,.ptn{padding-top:0}.ptt{padding-top:20px}.pts{padding-top:40px}.ptm{padding-top:60px}.ptl{padding-top:100px}.pr0,.prn{padding-right:0}.prt{padding-right:20px}.prs{padding-right:40px}.prm{padding-right:60px}.prl{padding-right:100px}.pb0,.pbn{padding-bottom:0}.pbt{padding-bottom:20px}.pbs{padding-bottom:40px}.pbm{padding-bottom:60px}.pbl{padding-bottom:100px}.pl0,.pln{padding-left:0}.plt{padding-left:20px}.pls{padding-left:40px}.plm{padding-left:60px}.pll{padding-left:100px}.db{display:block}.df{display:flex}.txt-center{text-align:center}.txt-right{text-align:right}.txt-left{text-align:left}.img-fluid{max-width:100%;height:auto}.img-cover{-o-object-fit:cover;object-fit:cover;font-family:'object-fit: cover;'}.img-cover-ct{position:relative;height:0;padding-bottom:50%}.img-cover-ct>img{-o-object-fit:cover;object-fit:cover;font-family:'object-fit: cover;';width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.video-cover{-o-object-fit:cover;object-fit:cover;font-family:'object-fit: cover;'}.flex-align-center{align-items:center}.flex-justify-center{justify-content:center}.absolute-fit,.overlay-dark,.overlay-darklight{position:absolute;width:100%;height:100%;bottom:0;left:0;right:0;top:0}.absolute-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important}.overlay-dark{z-index:1;background-color:rgba(0,0,0,.35)}.overlay-darklight{z-index:1;background-color:rgba(0,0,0,.15)}.bloc-bg-colored,.bloc-bg-colored :after,.bloc-bg-colored :before,.bloc-bg-colored a,.bloc-bg-colored h1,.bloc-bg-colored h2,.bloc-bg-colored h3,.bloc-bg-colored h4,.bloc-bg-colored h5,.bloc-bg-colored h6,.bloc-bg-colored i,.bloc-bg-colored li,.bloc-bg-colored p,.bloc-bg-colored span,.bloc-dark-bg,.bloc-dark-bg :after,.bloc-dark-bg :before,.bloc-dark-bg a,.bloc-dark-bg h1,.bloc-dark-bg h2,.bloc-dark-bg h3,.bloc-dark-bg h4,.bloc-dark-bg h5,.bloc-dark-bg h6,.bloc-dark-bg i,.bloc-dark-bg li,.bloc-dark-bg p,.bloc-dark-bg span,.white-content,.white-content :after,.white-content :before,.white-content a,.white-content h1,.white-content h2,.white-content h3,.white-content h4,.white-content h5,.white-content h6,.white-content i,.white-content li,.white-content p,.white-content span{color:#fff}.bloc-bg-colored a:hover,.bloc-dark-bg a:hover,.white-content a:hover{color:#fff}@-webkit-keyframes rot360{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rot360{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}body,html{overflow:hidden;position:relative}body{outline:1px solid red}body{display:flex;flex-direction:column;min-height:100vh;font-family:Gotham}body>div{display:flex;flex-direction:column;height:100vh}img{user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.game-screen{position:absolute;width:100vw;max-width:100vw;min-height:100vh;background-image:url(../img/elements/background-texture.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;flex:1;display:flex;flex-direction:column;justify-content:flex-end}#score,#time{position:absolute;font-size:30px;font-size:1.875rem;text-align:center;top:50px;font-variant-numeric:tabular-nums;text-decoration:none;line-height:1;background-color:#8da14c;color:#fff;text-transform:uppercase;padding:10px 20px;font-weight:500;box-shadow:0 5px 20px rgba(0,0,0,.5);margin:0 100px}#score{left:calc(5vw + 20px)}#time{right:calc(5vw + 20px)}@media only screen and (min-width:1700px){#score{left:calc((100vw - 1440px)/ 2 + 20px)}#time{right:calc((100vw - 1440px)/ 2 + 20px)}}@media only screen and (max-height:850px){#score{left:calc((100vw - 95vw)/ 2 + 20px)}#time{right:calc((100vw - 95vw)/ 2 + 20px)}}@media only screen and (max-width:1023px){#score{left:-50px}#time{right:-50px}}#board{padding-top:180px;padding-bottom:10px;width:90vw;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin:auto}.card{position:relative;height:calc(calc(90vw / 6 - 20px * 2) * .9);width:calc(90vw / 6 - 20px * 2);margin:20px;transition:transform .5s}.card .debug{position:absolute;z-index:1;font-size:30px;font-size:1.875rem;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:50px;height:50px;display:flex;justify-content:center;align-items:center;display:none}.card .card-back,.card .card-face{position:absolute;width:100%;height:100%;background-color:#8da14c;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.2s;box-shadow:0 5px 20px rgba(0,0,0,.5)}.card .card-back img,.card .card-face img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card .card-back{transform:rotateY(0);border:5px solid #d94b4a}.card .card-face{transform:rotateY(180deg);border:5px solid #8da14c}.card.flipped{transform:translateY(-2px) rotate(-3deg) scale(1.1)}.card.flipped .card-back{transform:rotateY(180deg)}.card.flipped .card-face{transform:rotateY(0);border:5px solid #d94b4a}.card.resolved{transform:scale(1)}.card.resolved .card-back{transform:rotateY(180deg)}.card.resolved .card-face{transform:rotateY(0);border:5px solid #8da14c}.card:hover{cursor:pointer}.card:hover:not(.flipped){transform:translateY(-2px) rotate(-1.5deg)}.card:hover:not(.flipped) .card-back,.card:hover:not(.flipped) .card-face{box-shadow:-2px 8px 20px rgba(0,0,0,.5)}@media only screen and (min-width:1700px){#board{padding-top:180px;padding-bottom:10px;width:1440px;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin:auto}.card{position:relative;height:calc(calc(1440px / 6 - 20px * 2) * .9);width:calc(1440px / 6 - 20px * 2);margin:20px;transition:transform .5s}.card .debug{position:absolute;z-index:1;font-size:30px;font-size:1.875rem;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:50px;height:50px;display:flex;justify-content:center;align-items:center;display:none}.card .card-back,.card .card-face{position:absolute;width:100%;height:100%;background-color:#8da14c;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.2s;box-shadow:0 5px 20px rgba(0,0,0,.5)}.card .card-back img,.card .card-face img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card .card-back{transform:rotateY(0);border:5px solid #d94b4a}.card .card-face{transform:rotateY(180deg);border:5px solid #8da14c}.card.flipped{transform:translateY(-2px) rotate(-3deg) scale(1.1)}.card.flipped .card-back{transform:rotateY(180deg)}.card.flipped .card-face{transform:rotateY(0);border:5px solid #d94b4a}.card.resolved{transform:scale(1)}.card.resolved .card-back{transform:rotateY(180deg)}.card.resolved .card-face{transform:rotateY(0);border:5px solid #8da14c}.card:hover{cursor:pointer}.card:hover:not(.flipped){transform:translateY(-2px) rotate(-1.5deg)}.card:hover:not(.flipped) .card-back,.card:hover:not(.flipped) .card-face{box-shadow:-2px 8px 20px rgba(0,0,0,.5)}}@media only screen and (max-height:850px){#board{padding-top:180px;padding-bottom:10px;width:80vw;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin:auto}.card{position:relative;height:calc(calc(80vw / 6 - 10px * 2) * .9);width:calc(80vw / 6 - 10px * 2);margin:10px;transition:transform .5s}.card .debug{position:absolute;z-index:1;font-size:30px;font-size:1.875rem;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:50px;height:50px;display:flex;justify-content:center;align-items:center;display:none}.card .card-back,.card .card-face{position:absolute;width:100%;height:100%;background-color:#8da14c;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.2s;box-shadow:0 5px 20px rgba(0,0,0,.5)}.card .card-back img,.card .card-face img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card .card-back{transform:rotateY(0);border:5px solid #d94b4a}.card .card-face{transform:rotateY(180deg);border:5px solid #8da14c}.card.flipped{transform:translateY(-2px) rotate(-3deg) scale(1.1)}.card.flipped .card-back{transform:rotateY(180deg)}.card.flipped .card-face{transform:rotateY(0);border:5px solid #d94b4a}.card.resolved{transform:scale(1)}.card.resolved .card-back{transform:rotateY(180deg)}.card.resolved .card-face{transform:rotateY(0);border:5px solid #8da14c}.card:hover{cursor:pointer}.card:hover:not(.flipped){transform:translateY(-2px) rotate(-1.5deg)}.card:hover:not(.flipped) .card-back,.card:hover:not(.flipped) .card-face{box-shadow:-2px 8px 20px rgba(0,0,0,.5)}#board{padding-top:150px}}@media only screen and (max-height:700px){#board{padding-top:180px;padding-bottom:10px;width:70vw;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin:auto}.card{position:relative;height:calc(calc(70vw / 6 - 10px * 2) * .9);width:calc(70vw / 6 - 10px * 2);margin:10px;transition:transform .5s}.card .debug{position:absolute;z-index:1;font-size:30px;font-size:1.875rem;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:50px;height:50px;display:flex;justify-content:center;align-items:center;display:none}.card .card-back,.card .card-face{position:absolute;width:100%;height:100%;background-color:#8da14c;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.2s;box-shadow:0 5px 20px rgba(0,0,0,.5)}.card .card-back img,.card .card-face img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card .card-back{transform:rotateY(0);border:5px solid #d94b4a}.card .card-face{transform:rotateY(180deg);border:5px solid #8da14c}.card.flipped{transform:translateY(-2px) rotate(-3deg) scale(1.1)}.card.flipped .card-back{transform:rotateY(180deg)}.card.flipped .card-face{transform:rotateY(0);border:5px solid #d94b4a}.card.resolved{transform:scale(1)}.card.resolved .card-back{transform:rotateY(180deg)}.card.resolved .card-face{transform:rotateY(0);border:5px solid #8da14c}.card:hover{cursor:pointer}.card:hover:not(.flipped){transform:translateY(-2px) rotate(-1.5deg)}.card:hover:not(.flipped) .card-back,.card:hover:not(.flipped) .card-face{box-shadow:-2px 8px 20px rgba(0,0,0,.5)}#board{padding-top:130px}}@media only screen and (max-width:1023px){#board{padding-top:180px;padding-bottom:10px;width:62vw;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin:auto}.card{position:relative;height:calc(calc(62vw / 3 - 5px * 2) * .9);width:calc(62vw / 3 - 5px * 2);margin:5px;transition:transform .5s}.card .debug{position:absolute;z-index:1;font-size:30px;font-size:1.875rem;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:50px;height:50px;display:flex;justify-content:center;align-items:center;display:none}.card .card-back,.card .card-face{position:absolute;width:100%;height:100%;background-color:#8da14c;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.2s;box-shadow:0 5px 20px rgba(0,0,0,.5)}.card .card-back img,.card .card-face img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card .card-back{transform:rotateY(0);border:5px solid #d94b4a}.card .card-face{transform:rotateY(180deg);border:5px solid #8da14c}.card.flipped{transform:translateY(-2px) rotate(-3deg) scale(1.1)}.card.flipped .card-back{transform:rotateY(180deg)}.card.flipped .card-face{transform:rotateY(0);border:5px solid #d94b4a}.card.resolved{transform:scale(1)}.card.resolved .card-back{transform:rotateY(180deg)}.card.resolved .card-face{transform:rotateY(0);border:5px solid #8da14c}.card:hover{cursor:pointer}.card:hover:not(.flipped){transform:translateY(-2px) rotate(-1.5deg)}.card:hover:not(.flipped) .card-back,.card:hover:not(.flipped) .card-face{box-shadow:-2px 8px 20px rgba(0,0,0,.5)}#board{padding-top:120px}}.header{position:absolute;z-index:100;display:flex;flex-direction:column;align-items:center;width:100%;padding:30px 0}.header h1{font-family:Clarins;background-image:url(../img/elements/title_paint.png);background-size:100% 100%;display:block;font-size:72px;font-size:4.5rem;text-align:center;color:#fff;padding:10px 100px 20px;transition:.3s}.header span{background-color:#fff;color:#8da14c;text-transform:uppercase;font-weight:700;font-size:50px;font-size:3.125rem;box-shadow:5px 5px 30px rgba(0,0,0,.5);transform:rotate(-4deg);line-height:1;padding:10px 10px 7px;margin-top:-20px;transition:.3s}.header.small{padding:30px 0}.header.small h1{font-size:52px;font-size:3.25rem;padding:5px 50px 10px}.header.small span{margin-top:-10px;font-size:30px;font-size:1.875rem}@media only screen and (max-height:850px){.header{padding:30px 0}.header h1{font-size:57px;font-size:3.5625rem;padding:5px 50px 10px}.header span{margin-top:-10px;font-size:33px;font-size:2.0625rem}.header.small{padding:30px 0}.header.small h1{font-size:40px;font-size:2.5rem;padding:5px 50px 10px}.header.small span{margin-top:-10px;font-size:20px;font-size:1.25rem}}@media only screen and (max-width:1023px){.header.small{padding:30px 0}.header.small h1{font-size:30px;font-size:1.875rem;padding:5px 50px 10px}.header.small span{margin-top:-10px;font-size:14px;font-size:.875rem}}.tag{position:relative;margin-top:150px;height:450px;min-width:688.5px;transform:rotate(-4deg)}.tag>*{position:absolute}.tag .tag-img{height:100%;right:0;filter:drop-shadow(20px 40px 20px rgba(0, 0, 0, .5))}.tag .tag-flower{width:225px;right:calc(-225px *.405);bottom:90px}@media only screen and (max-height:850px){.tag{transform:scale(.8) rotate(-4deg)}}@media only screen and (max-height:650px){.tag{transform:scale(.7) rotate(-4deg)}}@media only screen and (max-width:1024px){.tag{margin-top:80px;transform:scale(.8) rotate(-4deg)}}@media only screen and (max-width:767px){.tag{transform:scale(.5) rotate(-4deg)}}.tag-cross{height:35px;width:35px;right:-13px;top:7px;background-color:#fff;transition:.3s}.tag-cross::after,.tag-cross::before{content:"";position:absolute;display:block;height:3px;width:20px;background-color:#000;top:calc(50% - 1.5px);left:calc(50% - 10px)}.tag-cross::before{transform:rotate(45deg)}.tag-cross::after{transform:rotate(-45deg)}.tag-cross:hover{cursor:pointer;transform:scale(1.1) rotate(-5deg)}.tag-knowledge-container{position:fixed;width:100%;height:100%;top:0;z-index:10;display:flex;justify-content:center;align-items:center;background-color:rgba(147,201,185,.5)}.tag-knowledge-container.tag-brown{background-color:rgba(200,200,167,.5)}.tag-knowledge-container.tag-green{background-color:rgba(147,201,185,.5)}.tag-knowledge-container.tag-pink{background-color:rgba(193,149,152,.5)}.tag-knowledge-container .tag .tag-flower{width:162px;right:calc(-162px *.405);bottom:45px}.tag-welldone{font-size:60px;font-size:3.75rem;color:#8da14c;font-weight:700;white-space:pre}.tag-simple{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px}.tag-simple p{padding-left:50px;padding-right:30px;padding-bottom:30px;color:#155d12;font-size:24px;font-size:1.5rem;text-align:center}.tag-simple p:first-of-type,.tag-simple p:last-of-type{font-weight:500}.tag-simple p:last-child{padding-bottom:0}.tag-simple .score-wrapper{margin-bottom:30px;display:flex;align-items:center}.tag-simple .score-wrapper span{font-size:18px;font-size:1.125rem;font-weight:500;margin-right:20px}.tag-knowledge{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;padding-left:100px}.tag-knowledge .tag-knowledge-header{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.tag-knowledge .tag-knowledge-header h2{margin-top:-50px;font-family:Clarins;display:block;font-size:110px;font-size:6.875rem;text-align:center;color:#fff}.tag-knowledge .tag-knowledge-header span{color:#fff;font-weight:500;font-size:20px;font-size:1.25rem;box-shadow:3px 5px 20px rgba(0,0,0,.3);transform:rotate(-4deg);line-height:1;padding:7px 10px 4px;margin-top:-32px;background-color:#2a9279}.tag-brown .tag-knowledge .tag-knowledge-header span{background-color:#a79664}.tag-green .tag-knowledge .tag-knowledge-header span{background-color:#809041}.tag-pink .tag-knowledge .tag-knowledge-header span{background-color:#a05769}.tag-knowledge .tag-knowledge-content{display:flex;justify-content:center;align-items:flex-end;width:100%}.tag-knowledge .tag-knowledge-content .tag-knowledge-img{position:relative;width:200px;height:200px;box-shadow:0 5px 35px rgba(0,0,0,.5);border:8px solid #2a9279}.tag-brown .tag-knowledge .tag-knowledge-content .tag-knowledge-img{border:8px solid #a79664}.tag-green .tag-knowledge .tag-knowledge-content .tag-knowledge-img{border:8px solid #809041}.tag-pink .tag-knowledge .tag-knowledge-content .tag-knowledge-img{border:8px solid #a05769}.tag-knowledge .tag-knowledge-content .tag-knowledge-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tag-knowledge .tag-knowledge-content .tag-knowledge-img::after{content:"";background-image:url(../img/elements/scotch.png);background-size:100% 100%;opacity:1;position:absolute;left:30px;top:-38px;width:110px;height:40px;transform:rotate(13deg);opacity:.3}.tag-knowledge .tag-knowledge-content .tag-knowledge-percent{width:50%;margin-left:30px;color:#2a9279}.tag-brown .tag-knowledge .tag-knowledge-content .tag-knowledge-percent{color:#fff;text-align:center}.tag-green .tag-knowledge .tag-knowledge-content .tag-knowledge-percent{color:#809041}.tag-pink .tag-knowledge .tag-knowledge-content .tag-knowledge-percent{color:#a05769}.tag-knowledge .tag-knowledge-content .tag-knowledge-percent span{display:block;position:relative;font-size:120px;font-size:7.5rem;font-weight:500;line-height:.8}.tag-knowledge .tag-knowledge-content .tag-knowledge-percent span:after{content:"%";position:absolute;font-size:70px;font-size:4.375rem}.tag-brown .tag-knowledge .tag-knowledge-content .tag-knowledge-percent span:after{display:none}.tag-brown .tag-knowledge .tag-knowledge-content .tag-knowledge-percent span{background-image:url(../img/elements/card-paint-brown.png);background-size:100% 100%;text-align:center;line-height:.8;padding:20px 25px 10px}.tag-knowledge .tag-knowledge-content .tag-knowledge-percent p{position:relative;z-index:1;font-size:20px;font-size:1.25rem}.side_screens{background-image:url(../img/elements/background-ingredients.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.start-screen{position:relative;width:100%;flex:1;display:flex;justify-content:center;align-items:center}.start-screen img{position:absolute;top:0}.start-screen .btn{font-size:60px;font-size:3.75rem;position:relative;z-index:1;margin-top:300px;background-color:#8da14c;letter-spacing:3px;color:#fff;text-transform:uppercase;padding:5px 40px;outline:0;transition:.3s;box-shadow:0 5px 20px rgba(0,0,0,.5);font-weight:700}.start-screen .btn:hover{cursor:pointer;background-color:#849747;box-shadow:0 5px 20px rgba(0,0,0,.6);transform:translateY(-2px) rotate(-1deg)}.start-screen .btn:active{transform:translateY(-2px) rotate(-1deg) scale(.95)}.rules-screen{margin-top:50px;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-height:850px){.rules-screen{margin-top:0}}#rules-ready{display:inline-block;margin-top:20px;font-size:50px;font-size:3.125rem;white-space:pre;font-weight:700;color:#fff;background-color:#8da14c;text-transform:uppercase;position:relative;z-index:1;line-height:1;padding:12px 15px 9px;box-shadow:0 5px 20px rgba(0,0,0,.5);transition:.3s;position:absolute;bottom:-20px;left:calc(50% + 20px);transform:translate(-50%,0)}#rules-ready:hover{cursor:pointer;background-color:#849747;box-shadow:0 5px 20px rgba(0,0,0,.6);transform:translate(-50%,-2px) rotate(-1deg)}#rules-ready:active{transform:translate(-50%,-2px) rotate(-1deg) scale(.95)}.end-screen{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:50px}@media only screen and (max-height:850px){.end-screen{margin-top:30px}}.end-screen .tag-simple{padding-bottom:40px}.end-screen .btn{display:inline-block;margin-right:-50px;text-decoration:none;font-size:16px;font-size:1rem;position:absolute;bottom:-30px;left:calc(50% + 20px);transform:translate(-50%,0);white-space:pre;z-index:1;background-color:#8da14c;letter-spacing:2px;color:#fff;text-transform:uppercase;padding:20px 20px;transition:.3s;box-shadow:0 5px 20px rgba(0,0,0,.5);margin-top:20px;text-align:right;display:flex;align-items:center}@media only screen and (max-height:800px){.end-screen .btn{margin-top:-20px}}@media only screen and (max-width:1023px){.end-screen .btn{margin-top:0}}.end-screen .btn::after{content:"";background-image:url(../img/elements/arrows.png);background-size:contain;background-repeat:no-repeat;height:35px;width:35px;font-size:36px;font-size:2.25rem;margin-left:10px}.end-screen .btn:hover{background-color:#849747;box-shadow:0 5px 20px rgba(0,0,0,.6);transform:translate(-50%,0) translateY(-2px) rotate(-1deg)}.end-screen .btn:active{transform:translate(-50%,0) translateY(-2px) rotate(-1deg) scale(.95)}.end-screen .btn-replay{text-decoration:none;font-size:18px;font-size:1.125rem;z-index:1;background-color:#8da14c;font-weight:600;letter-spacing:2px;color:#fff;text-transform:uppercase;padding:10px 12px 8px 12px;transition:.3s;text-align:right;display:flex;align-items:center;outline:0;-webkit-animation:pulsate 1.5s cubic-bezier(.5,0,0,1) infinite;animation:pulsate 1.5s cubic-bezier(.5,0,0,1) infinite;transform-origin:50% 50%}.end-screen .btn-replay:hover{background-color:#6f7e3c}@-webkit-keyframes pulsate{0%{transform:scale(1)}16.667%{transform:scale(1.1)}33.333%{transform:scale(1)}100%{transform:scale(1)}}@keyframes pulsate{0%{transform:scale(1)}16.667%{transform:scale(1.1)}33.333%{transform:scale(1)}100%{transform:scale(1)}}.end-screen,.game-screen,.rules-screen,.start-screen{position:absolute;opacity:0;pointer-events:none;transition:.5s;transform:scale(1.05)}.end-screen.displayed,.game-screen.displayed,.rules-screen.displayed,.start-screen.displayed{transform:scale(1);opacity:1;pointer-events:all}