html{display:flex;flex-direction:column;margin:0;padding:0;height:100%;width:100%}body{flex:1;margin:0;padding:0;height:100%;width:100%;display:flex;flex-direction:column;text-align:center;align-content:center;justify-content:center;place-items:center;background-color:#000;color:#fff}#root{flex:1;display:flex;flex-direction:column;font-size:100%;margin:0;padding:0;height:100%;width:100%;text-align:center;align-content:center;justify-content:center}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}footer{text-align:center;align-content:center;justify-content:center;font-size:x-small;width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{margin:.5%;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.LogInPageCLASS{flex:1;display:flex;flex-direction:column;height:100%;width:100%;text-align:center;align-content:center;justify-content:center;margin:0}.logInDivCLASS{align-content:center;justify-content:center;text-align:center;font-size:larger;margin:2%}.divide21_logo_LogInPage{align-content:center;justify-content:center;text-align:center;margin:2%}.divide21_logo_LogInPage img{width:25%}.nameInputCLASS{text-align:center;justify-content:center;padding:1%;display:flex}.inputDIV{padding:0% .25%}.computerANDmultiplayerANDerrormessageCLASS{text-align:center;justify-content:center}.computerANDmultiplayerCLASS{text-align:center;justify-content:center;padding:0% 1%;display:flex}.computerCLASS,.multiplayerCLASS,.clockCLASS,.digitsCLASS,#iStartSelect,#roomForSelect,#clockSelect,#digitsSelect{text-align:center;padding:1%}.logInButtonCLASS{text-align:center;margin:2%}#loginErrorMessageSPAN{color:red;text-align:center;font-size:small}.GameRulesPageCLASS{flex:1;display:flex;flex-direction:column;height:100%;width:100%;text-align:center;align-content:center;justify-content:center;margin:0}h1{color:#fff;align-content:center;justify-content:center;text-align:center}.GameRulesPageGAMERULESCLASS{color:#fff;width:100%;height:75%;overflow-y:auto}.GameRulesPageGAMERULESCLASS p{padding-left:2%;padding-right:2%;text-align:justify;text-indent:5%}.GameRulesPageGAMERULESCLASS li{text-align:justify;text-indent:10%}.startGameButtonCLASS{align-content:center;justify-content:center;text-align:center;margin:2%}.WaitForOthersPageCLASS{flex:1;height:100%;width:100%;text-align:center;align-content:center;justify-content:center;margin:0}.WaitForOthersPageCLASS.divide21_logo_WaitForOthersPage{align-content:center;justify-content:center}.divide21_logo_WaitForOthersPage img{width:25%;height:auto}.waitPlayerNameCLASS{margin-top:80px;margin-bottom:80px}.waitScreenMessageCLASS{margin-bottom:50px}.WaitForOthersPageGAMERULESCLASS{color:#fff;width:100%;height:75%;overflow-y:auto}.WaitForOthersPageGAMERULESCLASS p{padding-left:2%;padding-right:2%;text-align:justify;text-indent:5%}.WaitForOthersPageGAMERULESCLASS li{text-align:justify;text-indent:10%}.GameOnPageCLASS{flex:1;height:100%;width:100%;text-align:center;align-content:center;justify-content:center;margin:0}.GameOnPageCLASS.divide21_logo_GameOnPage{align-content:center;justify-content:center}.divide21_logo_GameOnPage img{width:20%;height:auto}.ScoreboardCLASS{padding:1.5%;text-align:center}.playerNameScoreDIVnotTyping{text-align:center;align-items:center;display:inline-block;padding:.5% 2%}.playerNameScoreDIVtyping{text-align:center;align-items:center;display:inline-block;padding:.5% 2%;border:3px solid greenyellow}.playerNameScoreDIVtrackWhoIsTyping{text-align:center;align-items:center;display:inline-block;padding:.5% 2%;border:2px solid grey}.playerNameScoreDIVinactive{text-align:center;align-items:center;display:inline-block;padding:.5% 2%;color:gray}.scoreHasNotChangedDIV{text-align:center;align-items:center;display:inline-block;flex-wrap:wrap}.pointsWereAddedDIV{text-align:center;align-items:center;display:inline-block;background-color:#adff2f;color:#000}.pointsWereDeductedDIV{text-align:center;align-items:center;display:inline-block;background-color:red;color:#000}.dynamicNumberCLASS{display:flex;text-align:center;align-items:center;justify-content:center}.digitClass{flex:1;text-align:center;align-items:center;justify-content:center;cursor:pointer;background-color:#fff;color:#000;border:1px solid black;margin:.05%}.digitClass.selected{background-color:#ff0;color:#000}.digitClass.changed{background-color:#0ab4e6;color:#000}.digitClass.integerQuotient{background-color:#adff2f;color:#000}.digitClass.decimalQuotient{background-color:red;color:#000}.digitClass.resetQuotient{background-color:#fff;color:#000}.digitClass.leadingZero{background-color:gray;color:#000}.timerCLASS{display:inline;text-align:center;font-size:25px}#timerDIV{padding:1%}.keyboardCLASS{text-align:center;align-content:center;white-space:nowrap;padding:1.5%}.keyCLASS.unavailable{background-color:gray}.keyCLASS.divisionStateOn{background-color:#adff2f;color:#000}#keyboardRowDIV{text-align:center;align-content:center}.bottomPageCLASS{padding:1.5%;text-align:center}.GameOnPageGAMERULESCLASS{color:#fff;width:100%;height:75%;overflow-y:auto}.GameOnPageGAMERULESCLASS p{padding-left:2%;padding-right:2%;text-align:justify;text-indent:5%}.GameOnPageGAMERULESCLASS li{text-align:justify;text-indent:10%}.GameOverPageCLASS{flex:1;height:100%;width:100%;text-align:center;align-content:center;justify-content:center;margin:0}.GameOverPageCLASS.divide21_logo_GameOverPage{align-content:center;justify-content:center}.divide21_logo_GameOverPage img{width:25%;height:auto}.gameScoreCLASS,.gameResultCLASS{text-align:center;align-content:center;margin-top:1%}.setDidYouKnowModalDIV{color:#fff;text-align:center;width:100%;height:90%;overflow-y:auto}.headerDidYouKnowCLASS,.eachDidYouKnowCLASS{text-align:center;align-content:center;justify-content:center}table{table-layout:fixed;width:100%;border-collapse:collapse}th,td{border:1px solid white;padding:.5%;text-align:left}