body{background-color:#2b2c2e;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.wrapper{display:flex;height:100vh;justify-content:center;align-items:center}dialog{background-color:#2b2c2e;color:#fff}dialog button{color:#fff}.player-profile{color:#fff}.button-holder{display:flex;position:relative}.button-holder .svg-inline--fa{font-size:1.25em}.widget-container{display:flex;position:relative;width:100%;justify-content:space-between}.widget-container.offline{justify-content:flex-end}.widget-container.header{bottom:10px}.widget-container.footer{top:10px}.game-container{display:flex;flex-flow:column;justify-content:center;align-items:center}.overlay{display:flex;position:fixed;justify-content:center;width:100%;height:100%;z-index:1;background-color:#6b8e2366}.game-type-selector .button-holder{flex-flow:column}.game-type-selector .button-holder .svg-inline--fa{font-size:6em}.game-type-selector button{height:160px;width:160px;margin:10px}button{background-color:#2b2c2e;border-radius:3px;cursor:pointer}button a{color:inherit}.chessboard{height:320px;width:320px;border-collapse:collapse;outline:5px outset}.chessboard .svg-inline--fa{font-size:1.5em}.chessboard .validMoveTile{opacity:.3}.chessboard tr:nth-child(odd) td:nth-child(odd),.chessboard tr:nth-child(2n) td:nth-child(2n){background-color:#f5deb3d9}.chessboard tr:nth-child(odd) td:nth-child(odd).latestMoveTile,.chessboard tr:nth-child(2n) td:nth-child(2n).latestMoveTile{background-color:#def259db}.chessboard tr:nth-child(odd) td:nth-child(2n),.chessboard tr:nth-child(2n) td:nth-child(odd){background-color:#6b8e23cf}.chessboard tr:nth-child(odd) td:nth-child(2n).latestMoveTile,.chessboard tr:nth-child(2n) td:nth-child(odd).latestMoveTile{background-color:#e4a019e3}.chessboard td{text-align:center;height:12.5%;width:12.5%}.flip{transform:rotate(180deg)}.promotion-selection-container{display:flex;justify-content:center;align-items:center;z-index:2}.promotion-selection-container .promotion-option{height:40px;width:40px;margin:5px;cursor:pointer;background-color:#6b8e23e6}.promotion-selection-container .svg-inline--fa{font-size:1.5em}@media only screen and (min-width: 768px){.chessboard{height:640px;width:640px}.chessboard .svg-inline--fa{font-size:3em}.game-type-selector .button-holder{flex-flow:row}.button-holder .svg-inline--fa{font-size:1.5em}.promotion-selection-container .promotion-option{height:80px;width:80px}.promotion-selection-container .svg-inline--fa{font-size:3em}}