@import url(https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/static/media/chess-bg2.c722da8e9c3299343b7b.png);background-position:50%;background-size:cover;color:#fff;font-family:Cabin,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#fff;text-decoration:none}label{margin:0 10px}.App{flex-direction:column;height:100vh;margin:0 auto;max-width:1200px;width:90%}#navbar,.App{align-items:center;display:flex}#navbar{background-color:#080606cc;flex-direction:row;justify-content:space-between;padding:10px;text-transform:uppercase}.controls{display:flex;margin:10px;padding:10px}#auth-page{height:100vh;width:100vw}#auth-page,#auth-page>div{align-items:center;display:flex;flex-direction:column}#auth-page>div{background-color:#31292966;border:1px solid #000;border-radius:5%;box-shadow:inset 0 0 10px rgba(0,0,0,.337);margin:10px;padding:10px 64px}#chat-container{background-color:#c5b6a133;border:1px solid #000;flex-grow:1;height:200px;overflow-y:auto;width:540px}#chat-container>div{background-color:#c5b6a1e6;color:#000;padding:5px}#chat-container>div:nth-child(odd){background-color:#37322de6;color:#fff}#game-page,#games-page,#new-game-page{align-items:center;display:flex;flex-direction:column;height:100vh;width:100vw}#games-container{background-color:#c5b6a11a;border:1px solid #000;display:flex;justify-content:center;list-style:none;overflow-y:auto;width:90vw}.game-container{align-items:center;background-color:#4c3e3ecc;border-radius:2%;display:flex;flex-direction:column;height:350px;margin:20px;outline:5px auto}.board-container{background-color:#534545;border-radius:5%;display:flex;justify-content:center;margin:5px auto;max-width:95%;outline:4px ridge #161414;padding:15px}.game-thumbnail{border:1px solid #000;margin:10px 25px}.game-thumbnail,.status-box{align-items:center;display:flex;flex-direction:column}.status-box{background-color:#080606cc;border-radius:5%;color:#ffffffe6;margin:10px;min-height:30px;min-width:150px;padding:5px 10px}.button,button{background-color:#080606cc;border:none;border-radius:2px;color:#fffdf3;cursor:pointer;display:inline-block;font-weight:700;margin:0 2px;padding:10px 20px;text-transform:uppercase;transition:background-color .3s ease,color .3s ease}.button:hover,button:hover{background-color:#e5e3d8;color:#080606e6}.button:active,.button:focus,button:active,button:focus{box-shadow:none;outline:none}#navbar button{background-color:#08060600;margin:0 10px;transition:background-color .3s ease,color .3s ease}#navbar button:hover{background-color:#e5e3d8;color:#080606e6}@keyframes flash{0%{opacity:1}20%{opacity:1}60%{opacity:0}to{opacity:1}}.loading-message{animation:flash 1.5s infinite}
/*# sourceMappingURL=main.51093638.css.map*/