*{box-sizing:border-box}.App,body,html{padding:0;margin:0;overflow:hidden;display:flex;flex-direction:column}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fullScreen{position:absolute;left:0;top:0}.fullScreen button{width:100%;height:100%;font-size:calc(30.22222px + .55556vw)}.game{margin:auto;background-color:#fff}.App{overflow-x:auto;height:100vh}.App,.score{display:flex}.score{justify-content:space-between;font-size:calc(30.22222px + .55556vw);margin:10px}.board{margin:auto;display:grid;width:calc(240.74074px + 18.51852vw);height:calc(240.74074px + 18.51852vw)}.board.small{grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.board.normal{grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.board.big{grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr}.board.huge{grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr}.reset-button{width:100%;margin-top:10px}.text{display:flex;justify-content:center;flex-direction:column}.small-text{font-size:calc(15.62963px + .74074vw)}.menu.win{background:#4bb462;color:#fff}.menu.lose{background-color:red;color:#fff}.menu.wait{background:#ece9e6;background:linear-gradient(90deg,#fff,#ece9e6)}.menu{width:calc(228.88889px + 22.22222vw);height:calc(228.88889px + 22.22222vw);animation:menuAnim 1s;box-shadow:0 0 37px -1px rgba(0,0,0,.6)}.game:-webkit-full-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.game:-ms-fullscreen{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.game:fullscreen{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.settings{height:100%;width:calc(181.48148px + 37.03704vw)}.settings-buttons{text-align:center}.menu-content{line-height:36px;flex-direction:column;width:100%;align-items:center;height:100%}.end-text,.menu-content{display:flex;justify-content:center}.end-text{font-size:calc(26.81481px + .37037vw)}.menu-content button{margin:0 10px}.autoPlay{pointer-events:none}.slider{width:70%}.label,.label-input{font-size:calc(22.81481px + .37037vw)}.label-input{cursor:pointer;padding:10px;color:#f8f8f8}.input-file,input[type=file]{display:none}.reset{width:100%;text-align:center;margin-bottom:auto}.hotkeys{margin:10px;display:flex;flex-direction:column;display:block}.hotkeys button{width:150px}.hotkeys h2{width:100%;text-align:center}.card{transition:.3s;display:flex;align-items:center;justify-content:center;font-size:calc(31.40741px + .18519vw)}.card.correct .content,.card.open .content,.card.wrong .content{transform:rotateY(180deg)}.card.closed{cursor:pointer}.content{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:all .6s cubic-bezier(.17,.67,.38,1.57)}.card .back,.card .front{display:flex;align-items:center;justify-content:center;border-radius:8px;position:absolute;top:0;left:0;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card.correct .front{background:#4bb462;color:#f8f8f8;transform:rotateY(180deg)}.card.wrong .front{background-color:red;color:#f8f8f8;animation:shake 1.3s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);perspective:1000px}.card.open .front{background:#afcfea;transform:rotateY(180deg)}.card .back{overflow:hidden;border:1px solid #000;font-size:100px;transition:all .3s ease}.card .back img{width:100%;height:100%;object-fit:cover}.card .back:hover{background:#188ffd;padding:1px;border:none;color:#000;transform:scale(1.02)}.disabled .card{opacity:.7;pointer-events:none}footer{position:absolute;width:200px;display:flex;align-items:center;bottom:0;left:0}footer img{width:calc(55.18519px + 4.62963vw)}.githubSvg,footer b{font-size:calc(15.62963px + .74074vw)}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0) rotateY(180deg)}20%,80%{transform:translate3d(2px,0,0) rotateY(180deg)}30%,50%,70%{transform:translate3d(-4px,0,0) rotateY(180deg)}40%,60%{transform:translate3d(4px,0,0) rotateY(180deg)}}@keyframes menuAnim{0%{opacity:0}to{opacity:1}}@media (max-width:800px){.game,.menu{width:100%}}@media (max-height:750px){.hotkeys{display:none}.settings-buttons{width:80%;justify-content:space-between;display:flex}.settings-buttons .settings-button{display:flex;flex-direction:column}.board{width:275px;height:275px}.menu.lose,.menu.wait,.menu.win{width:320px;height:320px}.stats{width:100%;height:60%}}
/*# sourceMappingURL=main.8ec73987.chunk.css.map */