@import url(https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Glass+Antiqua&display=swap);@import url(https://fonts.googleapis.com/css?family=Hind:400,700);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{display:block;height:250px;max-width:100%}body{background-image:url(/static/media/pre_nuit.5ab7d1daec57f6873d54.jpg);background-repeat:no-repeat;background-size:cover;font-family:Glass Antiqua,cursive}.blue{color:#31a999}.yellow{color:#fde604}.card{background-color:initial;border:none;margin:20px auto;position:relative;transform-style:preserve-3d;transition:transform .6s;width:280px}.card.flipped{transform:rotateY(180deg)}.card .back,.card .front{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;position:absolute;top:0;width:100%}.card .back{background-image:url(/static/media/doscartereverse.1744e5d9bf30c4df21bb.png);transform:rotateY(180deg)}.card-body,.card-monster{height:390px}.card-body{display:flex;flex-direction:column;justify-content:flex-end}.card-title{font-family:Glass Antiqua,cursive;font-weight:700}.bar_boutons{height:25%;margin-bottom:11px;width:100%}.tooltip-container{display:inline-block;position:relative}.tooltip-image{align-items:center;background-color:#000000d5;border-radius:6px;bottom:125%;color:#fff;display:flex;font-family:Glass Antiqua,cursive;left:50%;opacity:0;padding:5px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:300px;z-index:1}.tooltip-image img{height:100px;margin:5px;width:100px}.tooltip-container:hover .tooltip-image{opacity:1;visibility:visible}.icon-spacing{margin-left:15px}.red-shadow{filter:drop-shadow(0 0 40px rgba(255,0,0,1)) drop-shadow(0 0 20px rgb(255,0,0))}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.shake{animation:shake .5s}.progress-bar{background:linear-gradient(145deg,#25a289,#3cb0a8 50%,#1e7267);color:#fff;display:flex;flex-direction:column;font-family:Glass Antiqua,cursive!important;font-weight:700;height:100%;justify-content:center;overflow:hidden;position:relative;text-align:center;transition:width .6s ease;white-space:nowrap}.progress_bar_pv_monster{background-color:#fff;margin-bottom:60px}.progress_bar_pv,.progress_bar_pv_monster{font-family:Glass Antiqua,cursive;height:14px;margin-left:38px;margin-right:40px;width:83%}.progress_bar_pv{background:#fff;box-shadow:0 2px 5px #0003;margin-bottom:31px}.progress_bar_mana{background:#0000!important;font-family:Glass Antiqua,cursive;height:14px;margin-bottom:1px;margin-left:30px;width:80%}.glossy-overlay{animation:shine 5s infinite;background:linear-gradient(90deg,#fff0 0,#fffc 50%,#fff0);height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:200%}}.ecran_defaite h1,.ecran_victoire h1{align-items:center;animation:fadeInDown 5s forwards;color:#fff;display:flex;font-family:Glass Antica;font-size:3em;font-weight:700;height:100vh;justify-content:center;margin:0;opacity:0;text-align:center;text-shadow:2px 2px 4px #00000080;transform:translateY(-20px)}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}.ecran_defaite,.ecran_victoire{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;width:100%}.background-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.btn{bottom:20px;left:50%;position:absolute;transform:translateX(-50%)}.ecran_victoire .content{color:#fff;padding-top:20vh;position:relative;text-align:center;z-index:1}#icon_button{box-shadow:0 2px 5px #0003;height:40px}.gris{filter:grayscale(100%)}.row2{display:flex;flex-wrap:wrap;justify-content:space-around}.logo,.logo_wakfu2{align-items:flex-start;display:flex}.logo_wakfu2{margin-bottom:-250px}.App{text-align:center}.App-logo{animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-fire-alt{color:#04f}.fa-heart{color:red}.manaShow{color:#9fddfa}.icon-text{color:#fff}.healShow{color:#f6bfbf}.btn{padding:.1em .2rem!important}.fa-bomb{color:#000}.selected{background-color:#212121}.badge-danger{font-size:30;position:absolute}.animationAffichageDesDegats{animation:animationAffichageDesDegats 2.5s linear;animation-fill-mode:forwards;animation-iteration-count:1;-webkit-animation:animationAffichageDesDegats 2.5s linear;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:1;-moz-animation:animationAffichageDesDegats 2.5s linear;-moz-animation-fill-mode:forwards;-moz-animation-iteration-count:1;-o-animation:animationAffichageDesDegats 2.5s linear;-o-animation-fill-mode:forwards;-o-animation-iteration-count:1;-ms-animation:animationAffichageDesDegats 2.5s linear;-ms-animation-fill-mode:forwards;-ms-animation-iteration-count:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%}@keyframes animationAffichageDesDegats{1%{transform:translate(-23px,7px) rotate(1deg) scaleX(1) scaleY(1)}12%{transform:translate(-23px,13px) rotate(-8deg) scaleX(3) scaleY(3)}18%{transform:translate(-23px,-7px) rotate(-12deg) scaleX(5) scaleY(5)}29%{opacity:.81;transform:translate(-23px,-54px) rotate(-20deg) scaleX(1.5) scaleY(1.5)}73%{opacity:.34;transform:translate(-23px,-125px) rotate(-60deg)}to{opacity:0;transform:translate(-23px,-200px)}101%{opacity:0;transform:translate(-23px,-200px) rotate(-60deg) scaleX(1.5) scaleY(1.5)}}.animationDegatsCard{animation:shake-bottom .4s ease-in-out both}@keyframes shake-bottom{0%,to{transform:rotate(0deg);transform-origin:50% 100%}10%{transform:rotate(1deg)}20%,60%{transform:rotate(-2deg)}30%,50%,70%{transform:rotate(2deg)}80%{transform:rotate(-1deg)}90%{transform:rotate(1deg)}}.AnimationHeal{animation:AnimationHeal 1s ease 1;background:linear-gradient(175deg,#67db67,#fff,#67db67,#fff,#67db67,#e0ffe0);background-size:1200% 1200%}@keyframes AnimationHeal{0%{background-position:47% 0}50%{background-position:54% 100%}to{background-position:47% 0}}.btn-combo{background-color:#f02c0c!important;font-size:25px;font-weight:700;height:85px;left:35%;margin:auto;position:absolute;top:50px;width:200px}.pulse{animation:pulse 1s infinite;cursor:pointer}.pulse:hover{animation:none}@keyframes pulse{0%{box-shadow:0 0 0 0 #dc143c66}70%{box-shadow:0 0 0 30px #dc143c00}to{box-shadow:0 0 0 0 #dc143c00}}#testCarouselle{height:100vh}body,html{font-family:Hind,sans-serif;height:100%;margin:0;padding:0;width:100%}h3{font-weight:400;margin-bottom:0;text-align:center}.carousel-wrapper{background-color:#fff;background-image:linear-gradient(#fff 50%,#fff 0,#f0f3fc 0);box-shadow:0 12px 39px -19px #000000bf;height:70%;left:50%;overflow:hidden;position:relative;top:50%;transform:translate(-50%,-50%);width:70%}.carousel-wrapper .carousel{height:auto;position:absolute;top:50%;transform:translateY(-50%);width:100%}.carousel-wrapper .carousel .carousel-cell{background-color:#fff;height:auto;margin:0 20px;min-width:120px;padding:10px;transition:transform .5s ease;width:20%}.carousel-wrapper .carousel .carousel-cell .more{color:#cfcfcf;display:block;font-size:10px;margin:5px 0 15px;opacity:0;text-align:center;text-decoration:none;transition:opacity .3s ease}.carousel-wrapper .carousel .carousel-cell .more:active,.carousel-wrapper .carousel .carousel-cell .more:focus,.carousel-wrapper .carousel .carousel-cell .more:hover,.carousel-wrapper .carousel .carousel-cell .more:visited{color:#cfcfcf;text-decoration:none}.carousel-wrapper .carousel .carousel-cell .line{background-color:#000;display:block;height:0;left:50%;margin:5px 0 0 -1px;position:absolute;transition:height .3s ease;width:2px}.carousel-wrapper .carousel .carousel-cell .price{font-weight:700;left:50%;margin:45px auto 0;opacity:0;position:absolute;transform:translate(-50%);transition:opacity .3s ease .3s}.carousel-wrapper .carousel .carousel-cell .price sup{position:absolute;top:2px}.carousel-wrapper .carousel .carousel-cell.is-selected{transform:scale(1.2)}.carousel-wrapper .carousel .carousel-cell.is-selected .line{height:35px}.carousel-wrapper .carousel .carousel-cell.is-selected .more,.carousel-wrapper .carousel .carousel-cell.is-selected .price{opacity:1}.carousel-wrapper .flickity-page-dots{display:none}.carousel-wrapper .flickity-slider,.carousel-wrapper .flickity-viewport{overflow:visible}
/*# sourceMappingURL=main.7a4253f0.css.map*/