#hold {
  visibility: hidden;
}

html {
  width: 100%;
  margin: 0 auto;
  background-color: black;
  background: linear-gradient(to right, #004358, #1f8a70);
}

body {
  margin: 0 auto;
  color: #eeeff7;
  font-family: "Roboto", sans-serif;
  font-size: 12pt;
}

.container {
  margin-top: 1%;
}

.column {
  color: #eeeff7;
}

.bigText {
  font-size: 20px;
}

.blackout {
  background: black;
  color: black;
}
#eventArea {
  color: orange;
  text-align: center;
}
button {
  z-index: 10;
  margin: 0;
}

em {
  margin-right: 10px;
  font-size: 12pt;
}

.message-body,
.modal-card {
  background-color: #31353d;
  color: #eeeff7;
  color: #92cdcf;
  border: #445878;
}

.message-header {
  background-color: #1c1d21;
}

.modal {
  visibility: visible;
}
#mainBody {
  height: 480px;
}
#nearBody {
  height: 100px;
}
#buyBody {
  height: 300px;
}
#invBody {
  height: 200px;
}
#moneyBody {
  height: 60px;
}

#statsBody {
  height: 100px;
}
#progBody {
  height: 200px;
}
#compBody {
  height: 240px;
}
#loanButton {
  float: right;
}
#playerLoan {
  padding-right: 10px;
  color: orange;
  float: right;
}

.disableMouse {
  pointer-events: none;
}

.modal-card-body {
  background-color: #31353d;
  border: #31353d;
}
.modal-card-head {
  color: red;
  background-color: #1c1d21;
  border: #31353d;
}
.modal-card-foot {
  color: red;
  background-color: #1c1d21;
  border: #31353d;
}
.modalRand,
.modal-card-title {
  font-size: 24px;
  color: orange;
}

#descriptText {
  opacity: 0;
}

.img1 {
  visibility: hidden;
}
.img2 {
  visibility: hidden;
}