/* elements are added to this class to make them disappear */
.hide {
   display: none; 
}

body {
   background-color: rgb(94, 94, 94);
   font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.timer-text {
   color: white;
   font-size: 1.3rem;
   top: 2px;
   text-align: right;
}

header {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin: 40px;
}

h1,
#subtitle {
   color: white;
}

/*styling for all buttons*/
button {
   background-color: deepskyblue;
   color: white;
   font-size: 1.3rem;
   margin: 10px;
}

/*styling for the questions and answers*/
#questions {
   display: flex;
   flex-direction: column;
   align-items: space-around;
   text-align: center;
}

h2{
   color: white;
   font-size: 1.6rem;
   margin: 10px 30px;
}

#check {
   color: white;
   text-align: center;
}

#game-over,
#scores {
   color: white;
   text-align: center;
   font-size: 1.5rem;
 }