body{
    padding: 20px;
    margin: auto;
    height: 100vh; 
    width: 100vw; 
    justify-content: center; 
    display: flex;  
    background-color: #000000;
    font-family: monospace;
    color: red;
    font-size:large;
    background-image: url("../assests/Background.jpeg");
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 100%;
    background-size: 100vw 100vh;
    }  


button {
  
 
  background-color: white;
  color: white;
  color: red;
  padding: 15px 32px;
  text-decoration: none;
  align-items: center;
  font-size: 16px;
  border-radius: 12px;

  
    
  }

  .choices-container{
    display: inline-block;
    flex-direction:row;
    margin: auto; 

   
  }

  

  button :hover{
    box-shadow: 0 12px 16px 0 rgba(16, 204, 225, 0.8), 0 17px 50px 0 rgba(98, 90, 6, 0.19);
  }

h2{
  padding-bottom: 50px;
}

h3{
  padding-bottom: 50px;
  color:rgb(234, 234, 242);
  position: center;
  
}

.answer-text{
   
   padding: 3px;
   width: 100%;


}
.image-group{
  width: 30vw;
  height: 20vh;
  position: absolute;
  top: 30%; 
  left: 30%;
  

  
}
.image-group img{
  min-width: 100%;
  height:auto;
}
.images-inactive{
 display: none;
}
.images-active{
display: block;
}

.image-group div{
  width: 30vw;
  height: 20vh;
  position: absolute;
  top: 30%; 
  left: 30%;
  font-weight: bold;
  text-align: center;
  text-decoration-color: black;
  color: blueviolet;
}