*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Play,sans-serif}.app_container{background-color:#eee;height:100vh;justify-content:space-evenly;width:100vw}.app_container,.title-teams_container{align-items:center;display:flex;flex-direction:column}.title-teams_container{width:40%}.restart-icon_container{align-items:center;border:2px solid #000;border-radius:5px;bottom:20px;cursor:pointer;display:flex;padding:5px;position:absolute;right:20px}.restart-icon_container:hover .restart-icon{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.restart-icon{font-size:1.5em;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}@media screen and (max-width:750px){.title-teams_container{width:60%}}@media screen and (max-width:550px){.player-names_container{flex-direction:row;justify-content:space-between;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);width:70%}.player-name{width:60%}.label-input{justify-content:center}.label-input:nth-child(2){margin:0}}@media screen and (max-width:400px){.title-teams_container{width:90%}}.title{font-size:25px;margin-bottom:50px;text-align:center}@media screen and (max-width:550px){.title{margin-bottom:10px}}.teams_container{align-items:center;display:flex;justify-content:space-around;min-height:70px;width:100%}.icon{color:inherit;font-size:2.5em;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:50px}.icon-label-hover:hover,.icon-label-turn{opacity:1!important}.icon-label-hover:hover .icon,.icon-label-turn .icon{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.icon-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:flex-end;opacity:.5;transition:opacity .25s ease-out}.label{word-wrap:break-word;font-size:15px;margin-top:10px;max-width:50px;text-align:center}.game_container{margin-top:30px;min-height:50vh;position:relative;transition:opacity .5s ease-out;width:30%}.game_container.not-playable{opacity:.5;pointer-events:none}.game_line{background-color:#000;position:absolute}.game-icon{height:70%;width:70%}.squares{display:grid;grid-template-columns:33% 33% 33%;grid-template-rows:33% 33% 33%;height:100%;position:relative;width:100%}.square{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around}.line-1{left:33.3%}.line-1,.line-2{height:100%;width:3px}.line-2{left:66.6%}.line-3{top:33.3%}.line-3,.line-4{height:3px;width:100%}.line-4{top:66.6%}@media screen and (max-width:900px){.game_container{width:40%}}@media screen and (max-width:800px){.game_container{width:50%}}@media screen and (max-width:600px){.game_container{width:70%}}@media screen and (max-width:450px){.game_container{width:90%}}@media screen and (max-width:1000px) and (min-height:1000px){.game_container{width:60%}}.player-names_container{align-items:center;display:flex;flex-direction:column;position:absolute;right:10px;top:10px}.label-input{align-items:center;display:flex;justify-content:flex-end}.label-input:nth-child(2){margin-top:10px}.icon-player,.label-input label{margin-right:5px}.icon-player{font-size:1.2em}.player-name{background-color:#eee;border:1px solid #000;border-radius:3px;outline:0;padding:2px;width:50%}.blue{color:#4169e1}.red{color:#dc143c}
/*# sourceMappingURL=main.1d507986.css.map*/