body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{background-color:#000}.start-page-container{padding:25px}.start-page{align-items:center;border:1px solid #fff;border-radius:30px;box-shadow:11px 11px 0 0 hsla(0,0%,100%,.79);color:#fff;display:flex;font-size:10vw;font-weight:500;justify-content:center;text-shadow:1.5px 1.5px 0 hsla(0,0%,100%,.79)}.heading-container{border:none;box-shadow:none;height:20vh;margin-top:5vh}.start-page-mode-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px}.mode{font-size:30px;height:65px;margin:20px;min-width:300px;width:45vw}.clicked-btn1{background-color:rgba(51,255,0,.766);box-shadow:8px 8px 0 0 rgba(51,255,0,.733),9px 9px 0 .5px #fff}.clicked-btn1,.clicked-btn2{border:3px solid hsla(0,0%,100%,.851);transition:.6s}.clicked-btn2{background-color:rgba(255,0,72,.862);box-shadow:8px 8px 0 0 rgba(255,0,93,.877),9px 9px 0 .5px #fff}.start-btn-container{align-items:center;display:flex;justify-content:center}.start-btn{border-radius:50px;font-size:50px;height:100px;margin:30px;width:100px}.start-btn:hover{background-color:#fff;box-shadow:6px 6px 0 0 rgba(122,0,253,.838);transition:.4s}.win-square{border:2px solid #00ff04;box-shadow:6px 6px 0 0 rgba(51,255,0,.781);text-shadow:3px 3px 0 rgba(51,255,0,.781)}.square{border-radius:25px;font-size:60px;height:100px;margin:5px;text-align:center;width:100px}.square-data{font-weight:1000;margin-top:10px}.dark-square{border:1px solid #fff;box-shadow:6px 6px 0 0 hsla(0,0%,100%,.79);text-shadow:3px 3px 0 hsla(0,0%,100%,.429)}.light-square{border:2px solid #000;box-shadow:6px 6px 0 0 rgba(0,0,0,.781);text-shadow:3px 3px 0 rgba(0,0,0,.429)}.dark-square-data{color:#fff}.light-square-data{color:#000}.switch-container{align-content:center;display:flex;justify-content:center}.switch-container-inner{display:flex;padding-right:40px;padding-top:9px}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:rgba(0,0,0,.819);bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.game-container{margin-top:60px}.game-winner{border-radius:50px;box-shadow:2px 3px 15px 2px rgba(0,0,0,.399);font-size:50px;font-weight:1000;height:60px;margin-bottom:20px;min-width:330px;padding-bottom:10px;padding-top:10px}.game{display:grid;grid-template-columns:auto auto auto;justify-content:center;margin-top:30px}.game-settings{padding-left:250px;padding-top:50px}.hide{display:none}.light{background-color:rgba(0,0,0,.86);box-shadow:11px 11px 0 0 rgba(0,0,0,.69);color:#fff}.dark{background-color:#fff;box-shadow:11px 11px 0 0 hsla(0,0%,100%,.79);color:#000}.game-over-outer-container{align-content:center;background-color:rgba(0,0,0,.77);filter:alpha(opacity=20);flex-wrap:wrap;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.game-over-action,.game-over-container,.game-over-outer-container{align-items:center;display:flex;justify-content:center}.game-over-action{background-color:#fff;border:1px solid #fff;border-radius:50px;box-shadow:8px 8px 0 0 hsla(0,0%,100%,.79);height:100px;margin:20px;width:100px}.game-over-action:hover{background-color:#ebdfdf;box-shadow:6px 6px 0 0 hsla(0,0%,100%,.79)}
/*# sourceMappingURL=main.eddee560.css.map*/