*{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body{background-color:#b6dbfc;width:100%}.container{min-height:100vh;width:100%}.container,.playersBox{display:flex;justify-content:center}.playersBox{align-items:center;background-color:#576da8;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px 0;width:35%}.playerName{color:#fff;font-size:2rem;font-weight:600;margin:10px 0}.playersBox input{background-color:inherit;border:none;border-bottom:4px solid #fff;color:#fff;font-size:1.3rem;height:40px;margin-bottom:30px;padding:0 10px;width:80%}.button,.playersBox input{font-weight:500;outline:none}.button{background-color:#97ccfa;border:none;cursor:pointer;font-size:1.2rem;margin:20px 0;min-width:50%;padding:10px}::-webkit-input-placeholder{color:#000;opacity:.5}::placeholder{color:#000;opacity:.5}.board{padding:35px}.board>:first-child{background-color:#fff;border:3px solid #576da8;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);font-size:1.2rem;font-weight:600;padding:15px 0;text-align:center;width:100%}.scoreBoard{margin-bottom:20px}.score,.scoreBoard{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;width:100%}.score{align-items:center;background-color:#fff;border:3px solid #576da8;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);flex-direction:column}.score p{font-size:1.2rem;font-weight:500;margin-bottom:5px}.square{background-color:#fff;border:3px solid #576da8;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);color:#000;cursor:pointer;font-size:4rem;height:100px;min-width:100px;text-shadow:1px 3px 7px rgba(0,0,0,.534);width:33%}.row,.square{align-items:center;display:flex;justify-content:center}.row{width:100%}.winner{font-size:1.5rem}.turn,.winner{color:#fff;text-transform:capitalize}.turn{font-size:1.6rem;margin-bottom:10px}@media screen and (max-width:768px){.playersBox{width:60%}}@media screen and (max-width:450px){.playersBox{width:85%}}
/*# sourceMappingURL=main.ee232a8f.css.map*/