@import url("https://fonts.googleapis.com/css?family=Suez+One");*{margin:0;padding:0}ul{list-style:none}a,img,label{display:block}button{outline:none}label{cursor:pointer}.firstPage{background-image:url(../img/arena/main.gif);background-repeat:no-repeat;background-size:cover;background-position:50%;height:100vh}.firstPage-wrap{width:1024px;margin:0 auto}.firstPage-logo{display:block;width:76vh;height:28vh;margin:0 auto;animation:a 2s}@keyframes a{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translateZ(0)}}.firstPage-img{display:block;width:25vh;height:25vh;margin:0 auto;border-radius:50%;animation:b 1s}@keyframes b{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.bootcamp8{display:block;width:65vh;margin:2.7vh auto;animation:a 3s}#firstPage-input{font-size:2.8vh;font-weight:400;font-style:italic;padding:5px;margin:0 auto}#firstPage-buttonStart,#firstPage-input{font-family:Suez\+One,sans-serif;color:#000;text-align:center;display:block;border:2px solid #ff4500;border-radius:25px}#firstPage-buttonStart{font-size:3.6vh;font-weight:700;background-color:#fff;margin:5.5vh auto .7vh;width:27vh;height:5vh}.secondPage-wrap{height:100vh;background:linear-gradient(180deg,#000,red,#000),url(../img/bc_im_2nd_page.png);background-blend-mode:multiply;background-position:50%;background-size:cover;background-repeat:no-repeat}.secondPage-subtitle{font-family:Suez\+One,sans-serif;font-size:7vh;font-weight:700;color:#ff4500;text-align:center;text-transform:uppercase;padding:6vh}.secondPage-field,.secondPage-hero{width:130vh;margin:0 auto;display:flex;justify-content:space-between}.secondPage-hero-fourth,.secondPage-hero-one,.secondPage-hero-second,.secondPage-hero-third{width:20vh;height:16vh;border:.7vh solid #000;border-radius:15px;margin:0 auto}.secondPage-hero-one{background:url(../img/colossus_run.gif) no-repeat 50%;background-size:19vh 19vh}.secondPage-hero-one:hover{border:.7vh solid #ff4500}.secondPage-hero-second{background:url(../img/mystique_run.gif) no-repeat 50%;background-size:19vh 19vh}.secondPage-hero-second:hover{border:.7vh solid #ff4500}.secondPage-hero-third{background:url(../img/redskull_run.gif) no-repeat 50%;background-size:19vh 19vh}.secondPage-hero-third:hover{border:.7vh solid #ff4500}.secondPage-hero-fourth{background:url(../img/starlord_run.gif) no-repeat 50%;background-size:19vh 19vh}.secondPage-hero-fourth:hover{border:.7vh solid #ff4500}.secondPage-field-fifth,.secondPage-field-fourth,.secondPage-field-one,.secondPage-field-second,.secondPage-field-third{width:24vh;height:18vh;border:.7vh solid #000;border-radius:15px;margin:10vh auto}.secondPage-field-one{background:url(../img/arena/boat.gif) no-repeat 50%;background-size:24vh 18vh}.secondPage-field-one:hover{border:.7vh solid #ff4500}.secondPage-field-second{background:url(../img/arena/train.gif) no-repeat 50%;background-size:24vh 18vh}.secondPage-field-second:hover{border:.7vh solid #ff4500}.secondPage-field-third{background:url(../img/arena/light.gif) no-repeat 50%;background-size:24vh 18vh}.secondPage-field-third:hover{border:.7vh solid #ff4500}.secondPage-field-fourth{background:url(../img/arena/waterfall.gif) no-repeat 50%;background-size:24vh 18vh}.secondPage-field-fourth:hover{border:.7vh solid #ff4500}.secondPage-field-fifth{background:url(../img/arena/wind.gif) no-repeat 50%;background-size:24vh 18vh}.secondPage-field-fifth:hover{border:.7vh solid #ff4500}.secondPage-link{font-family:Suez\+One,sans-serif;font-size:3.8vh;font-weight:700;color:#000;background-color:#fff;border:2px solid #ff4500;border-radius:25px;margin:1.2vh auto .5vh;text-align:center;display:block;width:24vh;height:5.5vh}.active{border:.7vh solid #ff4500}.hide{display:none}.show{display:block}.main{width:100%;height:100vh}.section-fight{width:100%;height:75vh;display:flex;flex-direction:column;background-image:url(../img/arena/light.gif);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;background-position:bottom}.section-info{display:flex;height:25vh}.form-place{width:45%;display:flex;align-content:center}.console-place,.form-place{padding:.6vh;background-color:#000;box-sizing:border-box;border:.6vh groove #ff4500}.console-place{width:55%}.divContentLife{margin-top:32vh;margin:0 auto}.divContentHero,.divContentLife{display:flex;width:122.6vh;justify-content:space-around}.divContentHero{margin:20vh auto 0}.timer{margin:0 auto;display:flex;justify-content:space-between;align-items:center}::-webkit-scrollbar{width:.8vh;height:0}::-webkit-scrollbar-track-piece{background-color:#666}::-webkit-scrollbar-thumb{height:50px;background-color:#fff;border-radius:5px}::-webkit-scrollbar-corner{background-color:#666}.userHero{left:0;transition:left 1s linear}.compHero,.userHero{width:24vh;height:24vh;position:relative;background-position:50%;background-size:cover;background-repeat:no-repeat}.compHero{right:0;transform:scaleX(-1);transition:right 1s linear}.test2{font-size:4.4vh;font-weight:700;color:beige}#attack-defense{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}.form-title{color:#fff;text-align:center;font-size:3.5vh}.form-attack,.form-defense{width:35%}.form-attack-list>li,.form-defense-list>li{width:14vh;background:#ff4500;margin:.7vh auto;padding:.7vh;border-radius:2.4vh;font-size:2.6vh}#submit{margin:auto;border-radius:10vh;color:#ff4500;font-size:2.8vh;font-weight:900;width:16vh;height:16vh;background-image:url(../img/mma.jpg);background-position:50%;background-size:cover;animation:c 1s ease-in infinite 0s}@keyframes c{0%{box-shadow:0 0 1.5vh #ff4500,0 0 1.5vh #ff4500,0 0 1.5vh #ff4500,0 0 1.5vh #ff4500}50%{box-shadow:1.2vh 0 1.5vh #ff4500,0 1.2vh 1.5vh #ff4500,-1.2vh 0 1.5vh #ff4500,0 -1.2vh 1.5vh #ff4500}to{box-shadow:0 0 1.5vh #ff4500,0 0 1.5vh #ff4500,0 0 1.5vh #ff4500,0 0 1.5vh #ff4500}}.console-log{box-sizing:border-box;margin:.1vh auto;padding:1vh 1.5vh;background:#ebebeb;color:#ff4500;font-size:2.2vh;font-weight:700;height:22.2vh;overflow:scroll}.console_pUser-style{margin:.3vh 0;color:#ff4500;text-align:left;width:80%}.console_pComp-style{color:#000;text-align:right;width:80%;margin-left:20%}.console_pRound-style{text-align:center;color:#000;-webkit-text-decoration-line:underline;text-decoration-line:underline;font-size:2.5vh}.console_pDiv-style{width:100%;margin-bottom:.5vh}.console_pImg-style{text-align:center;color:#000}.makeAChoise{font-family:Suez\+One,sans-serif;font-size:8.3vh;font-weight:700;color:red;text-align:center;text-transform:uppercase;margin:3vh;text-shadow:.4vh .4vh .5vh #000}.circle{text-align:center;position:relative;width:19vh}.circle svg{width:150}.controllsPanel{position:absolute;left:50%;top:11vh;transform:translateX(-50%)}.display-remain-time{font-family:Times New Roman,Times,serif;font-weight:100;font-size:5.1vh;color:#fff;animation-duration:3s;animation-iteration-count:infinite}.progrLine-base{fill:none;stroke:#e81c11;stroke-width:.4vh;fill:#323c53;opacity:.5}.progrLine-progress{fill:none;stroke:blue;stroke-width:.4vh;transition:stroke-dashoffset .7s}.circle-pointer{fill:#fcfcfd;stroke:green;stroke-width:.2vh}#e-pointer{transition:transform .7s}.roundName{text-align:center;font-size:3.8vh;color:azure}.startTimer{position:absolute;left:0;top:0}.progress-bar{width:49vh;height:4vh;box-shadow:0 0 .6vh 1px #fff;transform:skewX(-20deg);border-radius:5px}.barC{display:flex;justify-content:flex-end;transform:skewX(20deg)}.progress-value{width:100%;height:4vh;background-image:linear-gradient(0deg,#fff 0,#00db00 25%,#00db00 50%,#00db00 75%,#fff);border-radius:5px;transition:width .6s linear 1.5s}@keyframes d{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes e{0%{opacity:0}to{opacity:1}}@keyframes f{0%{background-color:rgba(37,45,58,0)}to{background-color:rgba(37,45,58,.7)}}.fw-modal{position:fixed;top:0;left:0;width:100%;height:100%;animation:f 1.5s linear;background-color:rgba(37,45,58,.7)}.fw-modal-hidden{display:none}.fw-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:75vh;height:44vh;padding:2.8vh 4.6vh;background-color:#fff;box-shadow:0 .4vh .4vh rgba(1,2,2,.2);border-radius:2px;background-size:cover;background-repeat:no-repeat;animation-name:e;animation-duration:1s;animation-timing-function:ease;border:.6vh groove #ff4500}.fw-modal-content:hover .fw-js-close-modal{animation-name:e;animation-duration:2s;animation-timing-function:linear;display:block}.fw-modal-title{margin-bottom:1.8vh;color:#f5f5f5;font-size:6.2vh;animation-name:d;animation-duration:5s;animation-timing-function:ease-in-out}.fw-js-close-modal,.fw-modal-title{font-weight:600;text-transform:uppercase}.fw-js-close-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,310%);border:none;padding:1.2vh 2.4vh;background-color:#0f0e0e;border-radius:3px;box-shadow:0 .4vh 1vh rgba(1,2,2,.2);color:#fff;font-size:2vh;cursor:pointer;font-family:inherit;display:none;border:.2vh groove #ff4500}.fw-js-close-modal:hover{background-color:#181717}