@import "https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;font-family:Cormorant SC,serif}html{background-color:#000}body{height:100vh;overflow:hidden}.hidden{visibility:hidden;opacity:0}.btn{cursor:pointer;border:1px solid #da1710;border-radius:20em;outline:none;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s}.characters{min-height:100vh;width:100%;background-color:#000;background-image:url(MenuBg.4ec022c5.png);background-position:50%;background-repeat:no-repeat;background-size:90%;align-items:center;display:flex;position:fixed}.choose__your--hero{color:#aaa;text-align:center;z-index:1000;font-size:2rem;position:absolute;top:2%;left:10%}.player__choise{max-width:100vh;z-index:200;flex:50%;justify-items:center}.player__slider{height:650px;width:100%;margin:0 auto;position:relative;overflow:hidden}.player__name{color:red;text-align:center;padding-bottom:1rem}.slide{width:100%;text-align:center;transition:transform 1s;position:absolute;top:5.5rem}.hero__name--slide{color:#da0000;padding-bottom:5%}.slide>img{width:500px;object-fit:cover;border:1px solid red;border-radius:5%}.btn__fight{color:#8a8a8a;opacity:1;background-color:#000;margin:auto;font-size:2rem;font-weight:500;display:flex;position:relative}.btn__fight:hover{background-color:#da1710}.slider__btns--bar{justify-content:center;display:flex}.slider__btn{opacity:.5;margin-right:1rem;padding:1rem 2rem;font-size:1.5rem;font-weight:500;display:block}:disabled{opacity:.4}.slider__btn:hover{background-color:#da1710}.disabled{opacity:.4;border-color:#7a7a7a}.main__game{height:100vh;background-color:#000;align-items:center;display:flex}.player{width:50vh;width:90%;height:100vh;color:#831d1a;background-image:url(PassiveP.6ba64899.png);background-position:50%;background-repeat:no-repeat;background-size:80%;flex-direction:column;flex:50%;justify-content:center;align-items:center;padding:1%;display:flex}.player>.name__img>.player__hero{opacity:.6}.player>.game__btns--bar{visibility:hidden}.player__active>.name__img>.player__hero{opacity:1;width:570px}.player__active>.game__btns--bar{visibility:visible}.player__active>.name__img>.hero__name,.player__active>.current>.current-hp,.player__active>.current>.current-label{background-color:#fff6}.player__active>.current>.hp__bar{background-color:#bebebe;border:none}.player__active>.current>.hp__bar>.hp__percentage{background-color:#4c4}.player__hero{width:450px}.player__active{color:#000;background-image:url(ActiveP.576ecfd2.png);background-position:50%;background-repeat:no-repeat;background-size:95%}.hp__bar,.hp__percentage{height:1.5rem;width:20rem;border-radius:.2rem}.hp__bar{background-color:gray;border:solid;margin-bottom:1rem}.hp__percentage{background-color:#458045;display:block}#hp__0{width:90%}.current{text-align:center}.current-label,.current-hp{font-size:1rem}.hero__name{font-size:1.5rem;font-weight:500}.name__img{text-align:center}.btn__game{opacity:.6}.btn__game:hover{opacity:.9}.name{font-size:1.5rem;font-weight:700}.overlay{width:100%;height:100%;backdrop-filter:blur(2px);z-index:100;background-color:#a5a5a580;transition:all .5s;position:fixed;top:0;left:0}.window__end--game{height:100%;max-width:40rem;z-index:1000;opacity:.5;background-color:#fff;background-image:url(EndGameWindow.c1c0c8de.png);background-position:bottom;background-repeat:no-repeat;background-size:50vh;justify-content:center;padding-left:4rem;padding-right:4rem;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.player__winner{text-align:center;place-self:center}.btn__end--game{cursor:pointer;text-align:center;color:#ebebeb;opacity:1;background-color:#000;border:2px solid #da1710;border-radius:20em;align-self:flex-end;margin-bottom:.5rem;padding:2rem 3rem;font-size:1.5rem;font-weight:400;text-decoration:none}.btn__end--game:hover{background-color:#da1710}.damage__message{color:azure;align-items:center;padding:10px;font-size:2.5rem;display:flex;position:absolute;top:50%}.damage{color:#da1710}.dodge{color:#ddd}.healing{color:#4c4}
/*# sourceMappingURL=game.4d7ba7f5.css.map */