html{font-size:62.5%}html body{font-family:Century Gothic,Futura,sans-serif;height:100%}html body .main-container.player-X .hero-container,html body .main-container.winner-player-X .hero-container{background-image:linear-gradient(rgba(0,113,222,.05),rgba(0,113,222,.5)),url(https://nmenescardi.github.io/React-Tic-Tac-Toe/assets/tic-tac-toe-hero.jpg)}html body .main-container.player-X .player-turn,html body .main-container.winner-player-X .player-turn{color:#2c97ff}html body .main-container.player-X span.player-active,html body .main-container.winner-player-X span.player-active{color:#0071de}html body .main-container.player-O .hero-container,html body .main-container.winner-player-O .hero-container{background-image:linear-gradient(rgba(191,44,35,.05),rgba(191,44,35,.5)),url(https://nmenescardi.github.io/React-Tic-Tac-Toe/assets/tic-tac-toe-hero.jpg)}html body .main-container.player-O .hero-container .player-turn,html body .main-container.winner-player-O .hero-container .player-turn{color:#df5850}html body .main-container.player-O span.player-active,html body .main-container.winner-player-O span.player-active{color:#bf2c23}html body .main-container.draw .hero-container{background-color:#006583}html body .main-container .hero-container{min-height:15rem;background-size:cover;background-repeat:no-repeat;background-position-x:center}html body .main-container .hero-container .title-container{min-height:15rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}html body .main-container .hero-container .title-container h2{font-size:4rem;color:#fff;text-shadow:5px 5px 5px #000}html body .main-container .game-container{background-color:#fdfdfd;height:100%;min-height:calc(100vh - 15rem)}@media (min-width:768px){html body .main-container .game-container{background-image:url(https://nmenescardi.github.io/React-Tic-Tac-Toe/assets/background-half-grey.jpg);background-position-x:center}}html body .main-container .game-container .navigation-container{width:30rem;display:-webkit-flex;display:flex;margin:0 auto;-webkit-justify-content:space-between;justify-content:space-between;padding-bottom:2rem}html body .main-container .game-container .navigation-container .icon-button-container .button-inner-container{display:inline-block}html body .main-container .game-container .navigation-container .icon-button-container .button-inner-container.push-right{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center}html body .main-container .game-container .navigation-container .icon-button-container .button-inner-container.disabled svg{fill:#d3d3d3}html body .main-container .game-container .navigation-container .icon-button-container .button-inner-container.disabled .button-label{color:#d3d3d3}html body .main-container .game-container .navigation-container .icon-button-container .button-inner-container:not(.disabled){cursor:pointer}html body .main-container .game-container .navigation-container .icon-button-container .button-inner-container:not(.disabled):hover svg{fill:#616161}html body .main-container .game-container .navigation-container .icon-button-container .button-inner-container:not(.disabled):hover .button-label{color:#616161}@media (max-width:767px){html body .main-container .game-container .player-container{-webkit-order:1;order:1;text-align:center;margin-top:4rem}}@media (min-width:767px) and (max-width:991px){html body .main-container .game-container .player-container .player-inner-container .title-wrapper .player-title{font-size:2rem}}html body .main-container .game-container .player-container .player-inner-container .title-wrapper .player-title .player-active{font-size:5rem;font-weight:bolder;line-height:2rem}html body .main-container .game-container .panel-inner-container{max-width:30rem;margin:2px auto}html body .main-container .game-container .panel-inner-container .box-wrapper{height:10rem;width:10rem;margin:-2px;background:#fff;border:1px solid #999;font-size:2.4rem;font-weight:700;line-height:2.4rem;outline:none}html body .main-container .game-container .panel-inner-container .box-wrapper.player-X{color:#0071de}html body .main-container .game-container .panel-inner-container .box-wrapper.player-O{color:#bf2c23}html body .main-container .game-container .panel-inner-container .box-wrapper.highlighted{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #006583,0 0 30px #006583,0 0 40px #006583,0 0 50px #006583,0 0 75px #006583;font-size:3rem!important}html body .main-container .game-container .button-fa-container button.btn{padding-top:.8rem;padding-bottom:.8rem;font-size:1.35rem;min-width:134px}html body .main-container.draw .player-active,html body .main-container.winner .player-active{display:none!important}
/*# sourceMappingURL=main.7956e407.chunk.css.map */