body,body *{padding:0;margin:0}body *{font-family:Comic Sans MS;font-weight:500;-webkit-font-smoothing:none}a:hover{color:#cf70ff}p{font-weight:400}.spacer{width:100%;height:var(--height)}.home{width:100%;min-height:100vh;background:#181a1b;display:flex;position:relative;flex-direction:column;align-items:center}.home .appLogo img{height:58px}.home .appLogo .appLogo__logo{margin-right:16px}.home a{color:#fff;font-size:26px}.home a:hover{color:#cf70ff}.home .copy-light-container{position:absolute;bottom:100px;right:100px}.home .copy-light-container span{margin-right:20px;color:#cf70ff;font-size:22px}.terminal{max-width:700px;height:250px;margin:auto;padding:4px;background:#000;border:2px solid #fff;border-radius:4px;overflow:auto}.terminal *{color:#fff}.terminal .input-container span,.terminal .outputs-container .output__dir{color:#0ff}.terminal .input-container input{background:none;color:#fff;outline:0;border:none}.character-field{width:50px;height:50px;padding:4px;background:url(../img/filed.8bd794d6.png);background-size:cover;position:relative}.character-field .weapons-container{display:flex;flex-direction:row;position:absolute;bottom:-20px;left:-10px}.character-field .weapons-container .weapon-field{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#191970;border:1px solid #cac6be;border-radius:2px}.character-field .weapons-container .weapon-field img{width:20px;height:20px}.battle-info{width:100%;display:flex;position:absolute;bottom:20;flex-direction:row;justify-content:space-around}.battle-info *{color:#cac6be}.battle-info .hp-container{display:inline-block;display:flex;flex-direction:row;padding:6px 20px;background:#191970;border:2px solid #cac6be;border-radius:4px}.battle-info .hp-container .label{display:inline-block;margin-right:4px;font-size:24px;font-family:M PLUS Rounded\ 1c}.battle-info .hp-container .hp-gauge{text-align:right}.battle-info .hp-container .hp-gauge .hp__fraction{font-family:M PLUS Rounded\ 1c;font-size:20px}.battle-info .hp-container .hp-gauge .hp__bar{display:inline-block;width:100px;height:6px;background:#353b48;border:1px solid #cac6be;border-radius:3px;box-shadow:0 0 10px #80ff00;overflow:hidden}.battle-info .hp-container .hp-gauge .hp__bar .hp__content{height:6px;float:left;background:#40ff00}.battle-info .hp-container .hp-gauge .hp__bar .hp__enemy{--enemyHpWidth:100%;width:var(--enemyHpWidth);transition-duration:2s}.battle-info .hp-container .hp-gauge .hp__bar .hp__my{--myHpWidth:100%;width:var(--myHpWidth);transition-duration:2s}@-webkit-keyframes Shivering{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(2px,2px) rotate(1deg)}50%{transform:translateY(2px) rotate(0deg)}75%{transform:translate(2px) rotate(-1deg)}to{transform:translate(0) rotate(0deg)}}@keyframes Shivering{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(2px,2px) rotate(1deg)}50%{transform:translateY(2px) rotate(0deg)}75%{transform:translate(2px) rotate(-1deg)}to{transform:translate(0) rotate(0deg)}}.battle-screen{max-width:700px;height:400px;margin:auto;background-image:url(../img/backgroud_glass_1.bf1ad1e8.png);background-size:cover;position:relative}.battle-screen .character-fields-contaier{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.battle-screen .character-fields-contaier .root{padding-right:20px}.battle-screen .character-fields-contaier .characterImage{width:50px}.battle-screen .character-fields-contaier .enemyImage{width:80px}.battle-screen .character-fields-contaier .shivering{-webkit-animation:Shivering .1s infinite;animation:Shivering .1s infinite}.battle-screen .character-fields-contaier .hero-fields{display:flex;flex-direction:row;align-items:center}.battleHelp{max-width:300px;height:700px;margin:auto;padding:4px;background:#191970;border:2px solid #fff;border-radius:4px;text-align:left;overflow:auto}.battleHelp>*{color:#fff}.battle{width:100%;min-height:100vh;background:#181a1b}.battle:after{content:"";display:block;clear:both}.rightScreen{width:30%;float:left}.leftScreen{width:70%;float:left}.sample{color:red}.resultBackground{padding-top:40px;width:100%;min-height:100vh;background:#181a1b}.resultTop{text-align:center}.resultTopMessage{font-size:20px}.resultText{text-align:left}.TheResult{max-width:600px;height:auto;margin:auto;padding:35px;background:#000;border:2px solid #fff;border-radius:4px;overflow:auto}.TheResult>*{color:#fff}@font-face{font-family:M PLUS Rounded\ 1c;src:url(../fonts/PixelMplus10-Regular.876f5b70.ttf) format("truetype")}