html{overflow-x:hidden;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:0;background:transparent}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:rgba(143,128,196,.5);height:100vh;scroll-snap-align:end}.App,.App-inner{text-align:center;width:100%;margin:auto}.App-inner{height:89vh;max-width:1100px}.title{font-size:36px;font-weight:700;height:6vh;background:hsla(0,0%,100%,.486);margin:auto auto 1%}.footer,.title{display:flex;align-items:center;justify-content:center;width:100%}.footer{position:relative;bottom:0;height:5vh;background:rgba(3,3,37,.486);color:#fff}@media only screen and (max-width:700px){.title{font-size:30px;font-weight:700;display:flex;align-items:center;justify-content:center;height:60px;margin:auto;width:100%}}.box-container{height:65%;width:90%;box-shadow:10px 10px 10px 10px rgba(255,0,191,.11);max-width:900px;max-height:900px;min-height:350px;background:rgba(13,111,202,.5);margin:auto;border-radius:30px}.box-container,.new-game{display:flex;align-items:center;justify-content:center}.new-game{text-align:center;border:2px solid rgba(0,0,0,.205);border-top:none;border-bottom:none;border-radius:50px;font-weight:700;font-size:20px;color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,255,.119)),color-stop(rgba(128,0,128,.14)),to(rgba(255,166,0,.119)));background-image:-webkit-linear-gradient(rgba(0,0,255,.119),rgba(128,0,128,.14),rgba(255,166,0,.119));background-image:linear-gradient(rgba(0,0,255,.119),rgba(128,0,128,.14),rgba(255,166,0,.119));height:90px;width:150px;cursor:pointer;margin-right:20px;margin-left:20px}.new-game:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,255,.219)),color-stop(rgba(128,0,128,.24)),to(rgba(255,166,0,.219)));background-image:-webkit-linear-gradient(rgba(0,0,255,.219),rgba(128,0,128,.24),rgba(255,166,0,.219));background-image:linear-gradient(rgba(0,0,255,.219),rgba(128,0,128,.24),rgba(255,166,0,.219))}.new-game:active{-webkit-transform:translatey(2px);transform:translatey(2px)}.board-view-button{display:flex;justify-content:center;align-items:center;border-radius:40px;margin:20px auto auto;width:30%;border:1px solid #000;background:rgba(0,0,255,.466);color:#fff;height:40px}.board-view-button:hover{cursor:pointer;background:purple}.board-exit-button{display:flex;justify-content:center;align-items:center;border-radius:40px;margin:20px auto auto;width:20px;border:1px solid #000;background:rgba(0,0,255,.466);color:#fff;height:20px}.board-exit-button:hover{cursor:pointer;background:purple}.game-over-container{width:100%}.points-game-over{height:80px;margin:auto;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,0,0,0)),color-stop(rgba(255,255,0,.153)),to(rgba(255,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(255,0,0,0),rgba(255,255,0,.153),rgba(255,0,0,0));background-image:linear-gradient(180deg,rgba(255,0,0,0),rgba(255,255,0,.153),rgba(255,0,0,0))}.point-title,.points-game-over{display:flex;width:100%;align-items:center;justify-content:center;text-align:center}.point-title{font-size:30px;color:#fff;margin:auto auto 20px}.end-button-container{display:flex;width:100%;align-items:center;justify-content:center;margin:auto;text-align:center}.game-box{display:grid;height:80%;width:80%;grid-template-rows:25% 25% 25% 25%}.invalid-move{display:flex;justify-content:center;align-items:center;position:absolute;margin-top:14%;margin-left:26%;width:20%;height:40px;color:#fff;background:rgba(255,0,0,.644);border-radius:30px;opacity:.5}.row,.row-container{width:100%;align-items:center;justify-content:center}.row{display:grid;grid-template-columns:25% 25% 25% 25%;text-align:center;height:100%}.row-item{height:100%;border:1px solid #000;border-top:none;border-right:none}.row-itemL{border-left:none}.row-itemB{border-bottom:none}.row-item:hover{background:rgba(49,49,189,.153);cursor:pointer}.game-piece{height:100%;display:flex;margin:auto;font-size:calc(70px + 12*(100vw - 1200px)/1300)}.game-piece,.upper-container{width:100%;align-items:center;justify-content:center;text-align:center}.upper-container{height:10vh;background:rgba(54,180,149,.521);padding-top:10px;box-shadow:3px 3px 5px 6px rgba(24,24,44,.208);margin:auto auto 10px}.upper-container,.upper-container:hover{-webkit-transition:box-shadow 1s;transition:box-shadow 1s}.upper-container:hover{box-shadow:5px 6px 8px 10px rgba(24,24,44,.308)}.game-point{width:100%;font-size:25px;margin-bottom:5px;color:#d9e6f1}.game-point,.points{display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700}.points{width:50%;float:left;font-size:20px;color:#6d0000}.player-turn{font-weight:700;right:0;position:absolute;font-size:26px;height:4vh;width:100%;color:#fff}.num,.player-turn{display:flex;align-items:center;justify-content:center;text-align:center}.num{width:50px;font-size:24px;border-radius:8px;margin-left:7px;background:rgba(255,255,0,.714);padding:3px}.points.big{width:50%;float:left;font-size:30px;font-weight:700;color:#6d0000;padding-bottom:10px}.num-big.big,.points.big{display:flex;align-items:center;justify-content:center;text-align:center}.num-big.big{width:50px;font-size:26px;border-radius:8px;margin-left:7px;background:rgba(255,255,0,.714);padding:3px 3px 10px}@media only screen and (max-width:700px){.upper-container{height:110px;margin-bottom:20px}.upper-container:hover{box-shadow:5px 6px 8px 10px rgba(24,24,44,.308);-webkit-transition:box-shadow 1s;transition:box-shadow 1s}.player-turn{display:flex;font-weight:700;right:0;position:absolute;font-size:26px;margin-top:40px;align-items:center;justify-content:center;text-align:center;width:100%;color:#fff}.game-point{font-size:24px}.points{width:50%;float:left;font-size:20px;font-weight:700;color:#6d0000}.num,.points{display:flex;align-items:center;justify-content:center;text-align:center}.num{width:50px;font-size:22px;border-radius:8px;margin-left:7px;background:rgba(255,255,0,.714);padding:3px}.points.big{width:50%;float:left;font-size:20px;font-weight:700;color:#6d0000;padding-bottom:10px}.num-big.big,.points.big{display:flex;align-items:center;justify-content:center;text-align:center}.num-big.big{width:50px;font-size:22px;border-radius:8px;margin-left:7px;background:rgba(255,255,0,.714);padding:3px 3px 10px}}.bottom-container{align-items:center;justify-content:center;text-align:center;width:100%;height:10vh;background:rgba(89,61,187,.521);margin:10px auto auto;box-shadow:6px 8px 8px 7px rgba(24,24,44,.208)}.bottom-container,.bottom-container:hover{-webkit-transition:box-shadow 1s;transition:box-shadow 1s}.bottom-container:hover{box-shadow:10px 6px 8px 5px rgba(24,24,44,.308)}.overall-point{width:100%;font-size:26px;margin-bottom:5px;color:#d9e6f1}.overall-point,.points-o{display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700}.points-o{width:50%;float:left;font-size:20px;color:#6d0000}.num-o{display:flex;width:50px;font-size:20px;border-radius:8px;margin-left:7px;background:rgba(255,255,0,.714);padding:3px;text-align:center}.main-select-container,.num-o{align-items:center;justify-content:center}.main-select-container{height:60%;width:86%;max-width:1000px;max-height:900px;background:rgba(13,111,202,.5);margin:auto;border-radius:30px}.title-select{font-size:28px;font-weight:700;padding-top:30px;color:#fff}.game-select-container,.title-select{display:flex;align-items:center;justify-content:center}.game-select-container{height:95%;width:100%;margin-top:-58px}.sel-btn{width:100%;height:120px;border-radius:60px;border-top-right-radius:20px;color:#fff;background:#b46262;border:none;margin:10px;-webkit-transition:border-top-right-radius .8s ease;transition:border-top-right-radius .8s ease}.sel-btn:hover{border-radius:80px;border-top-left-radius:20px;color:#fff;background:#2e2e47;border:none;margin:10px;-webkit-transition:border-top-left-radius .8s ease;transition:border-top-left-radius .8s ease;cursor:pointer}.sel-btn:active{background:#5c925c}.btn-text{font-size:20px;font-weight:700}.outer-difficulty-container{width:60%;border-radius:20px;display:flex;justify-content:center;align-items:center;height:3vh;background:rgba(255,255,0,.185);margin:auto auto 1%}.radio{margin:0 20px}
/*# sourceMappingURL=main.8a2807b4.chunk.css.map */