*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%}button,input,select,textarea{font:inherit}body{background-color:#1a2a33;font-family:Outfit,sans-serif;font-weight:700;text-transform:uppercase}button{cursor:pointer}.flex{display:flex!important}.start-container{display:flex;justify-content:center;margin-top:1.5em}.start{align-items:center;height:100vh;margin-top:0}.container{width:327px}.start-screen{align-items:center;display:flex;flex-direction:column;justify-content:center}.logo{height:32px;width:72px}.pick-player{align-items:center;background:#1f3641;border-radius:.9375rem;box-shadow:inset 0 -.5em 0 #10212a;color:#a8bfc9;display:flex;flex-direction:column;height:205px;margin-top:2em;padding:0 1.5em;width:100%}.player-pick-title{font-size:1rem;letter-spacing:.0625em;margin:1.5em 0}.player-pick-xo{background:#1a2a33;border-radius:.625em;display:flex;height:72px;margin-bottom:1.0625em;padding:.5625em;width:100%}.player-pick-btn{background:none;border:none;border-radius:.625rem;padding:.6875em 3.125em;width:50%}.player-pick-img{height:2em;width:2em}.player-pick-subtitle{color:#a8bfc9;font-size:.875rem;font-weight:500;letter-spacing:.0547em;opacity:.5}.active-game{display:flex;flex-direction:column;justify-content:center}.header{height:40px;justify-content:space-between;margin-bottom:4em}.header,.whose-turn{align-items:center;display:flex}.whose-turn{background:#1f3641;border:none;border-radius:.3125em;box-shadow:inset 0 -.25em 0 #10212a;cursor:default;margin-right:1.875em;padding:.5625em .9375em .8125em}.whose-turn img{-webkit-filter:brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(472%) hue-rotate(153deg) brightness(93%) contrast(89%);filter:brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(472%) hue-rotate(153deg) brightness(93%) contrast(89%);height:1.125em;margin-right:.5625em}.whose-turn span{color:#a8bfc9;font-size:.875rem;letter-spacing:.0547rem;line-height:1.125rem;text-align:center;text-transform:uppercase}.tic-tac-board{display:flex;flex-direction:column;justify-content:space-between}.mark{height:40px;width:40px}.tic-tac-cell{align-items:center;background-color:#1f3641;border-radius:.625rem;box-shadow:inset 0 -.5em 0 #10212a;cursor:pointer;display:flex;height:96px;justify-content:center;margin-bottom:1.25em;padding-bottom:.375em;width:96px}.tic-tac-cell:active,.tic-tac-cell:hover{background-color:#284451}.row-1,.row-2,.row-3,.scores{display:flex;justify-content:space-between}.score-container{align-items:center;border-radius:.625rem;display:flex;flex-direction:column;height:64px;justify-content:center;padding-top:4px;width:96px}.x-score{background-color:#31c3bd}.tie-score{background-color:#a8bfc9}.o-score{background-color:#f2b137}.score-title{font-size:.75rem;font-weight:500;letter-spacing:.0469em;line-height:.9375em}.score{font-size:1.25rem;letter-spacing:.0781em;line-height:1.875em}.gameover-container{background-color:#1f3641;display:none;height:228px;justify-content:center;left:0;position:absolute;right:0;z-index:10}.gameover,.gameover-container{align-items:center;flex-direction:column}.gameover{display:flex}.endgame-result{color:#a8bfc9;font-size:.875rem;letter-spacing:.0547rem;margin-bottom:1em}.who-won-container{display:flex;height:30px;justify-content:center;margin-bottom:1.5em}.who-won{color:#a8bfc9;font-size:1.5rem;letter-spacing:.0938rem;margin-left:.5em}.btn{border:none;border-radius:.9375rem}.new-game-cpu,.new-game-player{height:56px;padding-bottom:.625em;text-transform:uppercase;width:100%}.new-game-cpu{background-color:#f2b137;box-shadow:inset 0 -.5em 0 #cc8b13;margin:2em 0 1em}.new-game-player{background-color:#31c3bd;box-shadow:inset 0 -.5em 0 #118c87}.restart-game{align-items:center;background:#a8bfc9;border:none;border-radius:.375em;box-shadow:inset 0 -.25em 0 #6b8997;display:flex;height:40px;justify-content:center;width:40px}.restart-game img{height:15.38px;width:15.38px}.restart{display:none}.btn-endgame-container{display:flex;gap:1em}.btn-endgame{border:none;border-radius:.625em;letter-spacing:.0625rem;padding:.9375em 1.0625em 1.0625em;text-transform:uppercase}.btn-quit{background-color:#a8bfc9;box-shadow:inset 0 -.25em 0 #6b8997}.btn-next-game{background:#f2b137;box-shadow:inset 0 -.25em 0 #cc8b13}@media (min-width:600px){.container{width:460px}.start-container{align-items:center;height:100vh;margin-top:0}.header{height:100%;margin-bottom:1.1875em}.btn{font-size:1.25rem}.new-game-cpu,.new-game-player{height:67px}.tic-tac-board{height:460px}.tic-tac-cell{height:140px;margin-bottom:0;width:140px}.mark{height:63.46px;width:63.46px}.score-container{height:72px;width:140px}.score-title{font-size:.875rem;line-height:1rem}.scores{margin-top:1.1875em}.score{font-size:1.5rem;line-height:2rem}.whose-turn{height:52px;justify-content:center;margin-right:1.25em;width:140px}.whose-turn img{height:20px;margin-right:.8125em;width:20px}.whose-turn span{font-size:1rem}.restart-game{border-radius:.625em;height:52px;width:52px}.restart-game img{height:20px;width:20px}.logo{height:32px;width:72px}.gameover-container{height:266px}.endgame-result{font-size:1rem}.who-won-container{align-items:center;height:64px}.who-won{font-size:2.5rem}}
/*# sourceMappingURL=main.5797d1b3.css.map*/