*{padding:0;margin:0;box-sizing:border-box;font-family:"DotGothic16",sans-serif}@keyframes dropDown{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,100vh)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--bg-color:#34202b}body{overflow:hidden}canvas{display:block}.arcadeBtn{border:none;background:#cb4e4e;border-radius:40px;box-shadow:0 6px #ab3c3c;color:#fff;cursor:pointer;padding:25px 80px;font-size:1.5rem;letter-spacing:2px;font-weight:600;transition:all ease-in-out .2s;animation-duration:.7s;animation-timing-function:linear;animation-fill-mode:forwards}.arcadeBtn:hover{transform:translateY(3px);box-shadow:0 3px #ab3c3c}.arcadeBtn:active{transform:translateY(6px);box-shadow:none}.arcadeBtn:focus{outline:0}.loadingBtn{background-color:gray;box-shadow:0 6px #505050}.loadingBtn:hover,.loadingBtn:active{transform:none;box-shadow:0 6px #505050}.remove-hover-pointer{cursor:default}.mainMenuWrapper{--height-of-cartrage: 300px;position:absolute;background-color:var(--bg-color);top:0;left:0;width:100vw;height:100vh;display:flex;gap:25px;flex-direction:column;justify-content:center;padding-bottom:50px;align-items:center;animation-timing-function:linear;animation-duration:1s;animation-fill-mode:forwards}.titleBox{position:relative;text-align:center;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;align-items:center;padding:30px;height:var(--height-of-cartrage);user-select:none}.titleBox h1,.titleBox h3{letter-spacing:2.5px;color:#fff}.titleBox h1{font-size:3rem}.titleBox h3{font-size:1.5rem}.mainMenuWrapper #cartrage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:var(--height-of-cartrage);opacity:1;z-index:2;animation-fill-mode:forwards;animation-timing-function:linear;animation-duration:2s}.wait-to-show{opacity:0}.gameOverWrapper{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-color);display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center;animation-name:fadeIn;animation-timing-function:ease-in-out;animation-duration:1s;animation-fill-mode:forwards}.textBox{display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none}.gameOverWrapper h1,.gameOverWrapper h3{text-align:center;letter-spacing:2px}.gameOverWrapper h1{font-size:4rem}.gameOverWrapper h3{font-size:1.5rem;color:#fff}.win{color:#ff0}.lose{color:red}
