@import url(https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1eb9fc;font-family:Archivo Black,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.authentication{background:#d3d3d3}.authentication>*{margin:0 10px}.red{background-color:#f24c00}.blue{background-color:#485696}.cwhite{color:#faf9f6}.shadow{box-shadow:0 6px 20px 0 #0006}button,input{font-family:Archivo Black}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.authentication-container{align-items:center;display:flex;height:100vh;justify-content:center}.authentication-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;max-width:400px;padding:2rem;text-align:center;width:100%}.authentication-title{color:#333;font-size:1.5rem;margin-bottom:.5rem}.authentication-subtitle{color:#777;font-size:1rem;margin-bottom:2rem}.input-group{margin-bottom:1rem;width:100%}.input-field{box-sizing:border-box}.button-group{margin-top:1rem;width:100%}.auth-button{box-sizing:border-box;font-size:1rem;margin-bottom:.5rem;padding:.75rem;width:100%}.auth-button.primary{background-color:#007bff;color:#fff}.auth-button.primary:hover{background-color:#0056b3}.auth-button.google-signin{background-color:#db4437;color:#fff}.auth-button.google-signin:hover{background-color:#c23321}@media (max-width:480px){.authentication-card{padding:1.5rem}.auth-button{font-size:.9rem;padding:.5rem}}.game-controls{display:flex;justify-content:center;padding:1rem}.controls-container{align-items:center;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;max-width:400px;padding:2rem;width:100%}.host-section{margin-bottom:1.5rem}.host-section,.join-section{background-color:#1eb9fc21;border-radius:8px;padding:1rem;width:100%}.input-field{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.choose-password{margin-top:1rem}.action-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.75rem;transition:background-color .3s ease;width:100%}.create-game{background-color:#485696}.create-game:hover,.join-game{background-color:#f24c00}.join-game:hover{background-color:#485696}@media (max-width:480px){.controls-container{padding:1rem}.action-button,.input-field{font-size:.9rem;padding:.5rem}}.header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.logo{font-size:4rem;font-weight:700}.game-id{width:8vw}.user-info{align-items:center;display:flex;justify-self:right}.user-email{font-size:1rem;margin-right:1rem}.auth-button{background-color:#f24c00;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease;width:8vw}.auth-button:hover{background-color:#485696}@media (max-width:480px){.header{align-items:flex-start;flex-direction:column}.user-info{justify-content:space-between;margin-top:.5rem;width:100%}.auth-button{width:auto}}.grid{background-color:#1eb9fc;display:block;justify-content:center}.game-board{display:inline-block}.game-buttons{align-items:center;display:flex;gap:20px;justify-content:center}.game-button{border:none;border-radius:20px;font-family:Archivo Black;font-size:25px;height:80px;margin:20px;width:200px}.game-display{align-items:center;display:flex;justify-content:space-evenly}.player-level-left{background-color:#f24c00}.player-level-left,.player-level-right{align-items:center;border-radius:999px;display:flex;font-size:40px;height:150px;justify-content:center;width:150px}.player-level-right{background-color:#485696}.player-level-left-mobile{background-color:#485696}.player-level-left-mobile,.player-level-right-mobile{align-items:center;border-radius:999px;display:flex;display:none;font-size:10px;height:80px;justify-content:center;width:80px}.player-level-right-mobile{background-color:#f24c00}@media (max-width:900px){.player-level-left,.player-level-right{display:none}.player-level-left-mobile,.player-level-right-mobile{display:flex}}
/*# sourceMappingURL=main.3761e804.css.map*/