body
{
  margin:0;
  padding:0;
  min-width:100%;
  min-height:100%;
  max-width:100%;
  max-height:100%;
  background-image:url("./pictures/background.webp");
  overflow:hidden;
}

#main_Wrapper
{
  margin: 0;
  padding:0;
}

#flex_Wrapper
{
  display:none;
  --display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#response_Wrapper
{
  display:none;
  --display: flex;
  position:fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding:10px;
  top:50vh;
  height:25vh;
  width:25vw;
  margin:0;
} 

#game_Title
{
  display: flex;
  justify-content: center;
  align-items: center;
  top:10vh;
}

#game_Title>p
{
color:red;
font-family: 'Snell Roundhand', cursive;
font-size:5vw;
}

#mainmenu_Wrapper
{
  display: flex;
  top:30vh;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  height:30vh;
}

#main_menu_options_Wrapper
{
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  width:50vw;
  height:30vh;
}

#game_mode_selection_Wrapper
{
  display:none;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  height:30vh;
  width:50vw;
}

#pic_Wrapper
{
  display: grid;
  grid-template-columns: auto;
  margin:0;
  padding:0;
  justify-items: center;
  align-items: center;
}

#pictureLocation
{
  height:45vh;
  width:55vw;
  --width:100%;
  object-fit: cover;
  margin:0;
  padding:0; 
  grid-column: 1;
  grid-row: 1;
}

#pictureDetails
{
  font-size:2.5vw;
  overflow:auto;
  top:7vh;
  height:28vh;
  width:fit-content;
  color:antiquewhite;
  grid-column: 1;
  grid-row-start: 1;
  text-align:center;  
}

#pictureOrigin
{
  position:absolute;
  left:65vw;
  top:0%;
  font-size:1.5vw;
  height:10vh;
  width:10vw;
  color:antiquewhite;
  text-align:center; 
  overflow:auto;
}

#pictureInfoIcon
{
  font-size:6vh;
  opacity:0.9;
  color:red;
}

#fullscreenIconWrapper
{
 position:absolute;
 top:0;
 color:red;
}

#fullscreenIcon
{
  font-size:6vh;
  opacity:0.9;
}

#pictureInfoIconWrapper
{
 position:absolute;
 top:39.5vh;
}

#answerVerdict
{
  position:absolute;
  top:20%;
  display:inline;
  margin:0 auto;
  padding:0; 
  font-size:3vw;
  color:red;
}

#score_Wrapper
{
  display: grid;
  position:fixed;
  top:80vh;
  grid-template-columns: auto;
  justify-items: center;
  align-items: center;
  height:8vh;
  width:55vw;
  margin:0;
  padding:0;
} 

#score_status
{
  font-size:2vw;
  color:antiquewhite;
}

#options_Wrapper
{
  display: grid;
  grid-template-columns:auto auto;
  position:fixed;
  bottom:0%;
  justify-items: center;
  align-items: center;
  height:10vh;
  width:85vw;
  margin:0;
  padding:0;
} 

#fullscreen_image
{
  height:100%;
  width:100%;
  margin:auto;
  padding:0; 
  object-fit:contain;
  z-index:-1;
}

#info_modal_content
{
  height:90%;
  width:90%;
  margin:auto;
  padding:0; 
 
}


.menu_Option
{
  padding: 5px;
  font-size:2vw;
  margin:10px;
  width:25vw;
  cursor:pointer;
  background-color:#cd853f;
}

.response_Option
{
  border: 0.1em solid red;
  width:15vw;
  height:4.5vh;
  text-align: center;
  padding: 5px;
  border-radius: 2em;
  font-size:2.75vw;
  margin:10px;
  cursor:pointer;
  text-align:center;
  justify-content: center;
  background-color:#cd853f;
}

.option_Button
{
  border: 0.1em solid rgb(0, 0, 0);
  width:fit-content;
  text-align: center;
  padding:0;
  font-size:4vw;
  margin:0;
  cursor:pointer;
  background-color:#5e3fcd;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  padding:0;
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-image:url("./pictures/background.webp");
  font-size:5vw;
  color:antiquewhite;
  text-align:center;
  opacity:2;
  border:3px solid black;
}

.close {
  position: absolute;
  top: 0;
  margin:0 auto;
  right:0;
  z-index: 1;
  color: #f80000;
  font-size: 15vmin;
  font-weight: bold;
  padding:0;
  cursor:pointer;
  border:3px black;
}