@font-face {
  font-family: "Ubuntu";
  src: url("../../fonts/RobotoSerif-VariableFont_GRAD,opsz,wdth,wght.ttf");
}

@font-face {
  font-family: "MedievalSharp";
  src: url("../../fonts/RobotoSerif-VariableFont_GRAD,opsz,wdth,wght.ttf");
}



html {
  --bs-body-font-family: "Ubuntu", sans-serif !important;
  --bs-font-sans-serif: "Ubuntu", sans-serif !important;
  font-family: "Ubuntu", sans-serif !important;
  font-size: 14px;
  font-weight: 600;
}

body {
  height: 100vh;
}

.game_container {
  background-color: #f8f9fa;
  max-height: 100vh;
  max-width: 100vw;
}


#base_container {
  background-color: #2e4052;
}

/* .base_container {
  background-image: linear-gradient(red, yellow);
} */


a {
  text-decoration: none !important;
  color: inherit !important;
}

/*# sourceMappingURL=app.css.map */

.unit-row:nth-child(2n-1) {
  background-color: #e7e7e7;
  margin-top: 6px;
  margin-bottom: 6px;
}

.unit-row:nth-child(2n) {
  border: 1px solid #e7e7e7;
  border-radius: var(--bs-border-radius-lg) !important;
  margin-top: 6px;
  margin-bottom: 6px;
}

.transparent-table * {
  background-color: transparent !important;
}

.message_container {
  height: calc(100vh - 150px);
  overflow-y: scroll;
}

.message_container_friend {
  height: calc(100vh - 180px);
  overflow-y: scroll;
}


body.loading {
  overflow: hidden;
}

#loading {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-weight: bold;
  font-size: 22px;
  z-index: 9999;
}


.turbo-progress-bar {
  visibility: hidden;
}


:root {
  overscroll-behavior: none;
}