@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@200;300;400&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{background:#333}.container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:2rem 1rem}.title{color:#8e44ad}.gameContainer{align-items:center;box-shadow:0 5px 15px #8e44ad;display:flex;flex-direction:column;font-family:Roboto Slab,serif;font-weight:300;position:relative}.gameWaitingText{bottom:5vh;color:#fff;font-family:Roboto Slab,serif;font-size:1.1rem;letter-spacing:.5px;margin-bottom:16px;position:absolute}.rowContainer{display:flex;width:100%}.cell{align-items:center;border-radius:20px;cursor:pointer;display:flex;height:9rem;justify-content:center;transition:all .27s ease-in-out;width:13rem}.cell:hover{background:#8d44ad28}.cell:hover .cellHover{opacity:.4}.cellHover{color:#8e44ad;font-size:100px;opacity:0;transition:all .27s ease-in-out}.playStopper{bottom:0;cursor:default;height:100%;left:0;position:absolute;width:100%;z-index:99}.circle,.cross{color:#8e44ad;font-size:100px}.cross:after{content:"X"}.circle:after{content:"O"}.borderTop{border-top:3px solid #8e44ad}.borderLeft{border-left:3px solid #8e44ad}.borderBottom{border-bottom:3px solid #8e44ad}.borderRight{border-right:3px solid #8e44ad}.playerTurnText{color:#fff;font-family:Roboto Slab,serif;font-size:1.1rem}.gameStatsContainer{align-items:center;display:flex;gap:1.5rem}.gameStats{color:#fff;font-family:Roboto Slab,serif;font-size:.95rem;letter-spacing:1px}.gameEndOverlay{align-items:center;bottom:0;color:#fff;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center;left:0;position:absolute;width:100%;z-index:100}.gameEndOverlay:after{background:#000;content:"";display:block;height:100%;opacity:.7;position:absolute;width:100%;z-index:-1}.gameEndOverlayTitle{font-size:2.4rem}.gameEndOverlayButtons{display:flex;flex-direction:column;gap:.6rem}.gameEndOverlayButtons .joinRoomButton{font-size:1.5rem}.joinRoomContainer{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.joinRoomTitle{color:#fff;font-size:.9rem}.joinRoomForm{text-align:center;width:100%}.joinRoomInput{border:none;border-radius:.2rem;box-shadow:0 0 0 2px #8e44ad;margin-bottom:1rem;min-width:300px;outline:none;padding:.3rem .5rem}.joinRoomButton{background:#8e44ad;border:2px solid #8e44ad;border-radius:.4rem;color:#fff;cursor:pointer;padding:.2rem .8rem;transition:all .2s ease-in}.joinRoomButton:hover{background:transparent;border-color:#fff}
/*# sourceMappingURL=main.d473ae9c.css.map*/