@import url("./styles/reset.css");
@import url("./styles/variables.css");
@import url("./styles/global.css");

@import url("./components/keyboard/cricket-keyboard.css");
@import url("./components/result/player-result/player-result.css");
@import url("./components/result/player-result-manager/player-result-manager.css");
@import url("./components/control/panel.css");
@import url("./components/modals/modal.css");
@import url("./components/info/info.css");
@import url("./components/footer/footer.css");

.manager-holder {
  display: flex;
  width: 100%;
}

.player-results-holder {
  display: flex;
  width: 100%;
  flex-direction: row;
}

.manager-and-keyboard-holder {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-items: center;
}

html, body {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.vertical-space-taker {
  flex-grow: 1;
  background-color: var(--cricket-black);
}