body, html {
  height: 100%;
  width: 100%;
}

.shadow{ /*adds shadow effect on div*/
  box-shadow: 4px 3px 8px 1px #020202;
	-webkit-box-shadow: 4px 3px 8px 1px #020202;
}

.main_container {
  /* background-color: #b95a1f; */
  background-color: black;
  height: 100%;
  width: 100%;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

.main_screen {
  background-color: black;
  height: 70%;
  width: 100%;
}

.heading {
  color: white;
  font-size: 50px;
}

.title {
  color: white;
  font-size: 30px;
}

.choice_buttons {
  background-color: black;
  height: 30%;
  width: 100%;
  /* overflow-y: scroll; */
}

.choice_button_div {
  padding:10px;
  /* display: flex;
  flex-direction: row;
  justify-content: space-around; */
}

.game-text {
  color: white; /* White text color */
  font-size: 40px; /* Default font size for non-mobile devices */
  padding: 10px;

  /* Media query for mobile devices with a maximum width of 768px */
  @media (max-width: 768px) {
    font-size: 30px; /* Smaller font size for mobile devices */
  }
}

.choice_button {
  color: white; /* White text color */
  font-size: 30px; /* Default font size for non-mobile devices */
  padding: 10px;

  /* Media query for mobile devices with a maximum width of 768px */
  @media (max-width: 768px) {
    font-size: 20px; /* Smaller font size for mobile devices */
  }
}


.choice_button {
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: rgb(232, 230, 227);
  background-color: rgb(0, 98, 204);
  width: 99%;
  cursor: pointer;
  /* max-height: 40px; */
}

.story-selection-button-label {
  color:rgb(232, 230, 227);
}

.user-defined-story-selection-label {
  color:rgb(232, 230, 227)
}