/* General Styling */
body {
  font-family: sans-serif, 'Times New Roman', Times, serif;
  box-sizing: border-box;
  margin: auto;
  padding: auto;
  background-color: #440505;
  text-align: center;
  display: flex;
  flex-direction: column;
}

/* .logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
} */

.logo {
  width: 175px;
  /* margin: ; */
  position: absolute;
  z-index: 999;
  left: 0;
}
.jon-logo {
  /* margin: ; */
  position: absolute;
  z-index: 999;
  left: 0;

}
.hide {
  display: none;
}

/* Begin Page Styling */
.start {
  background: rgba(243, 207, 6, 0.4);
  margin-top: 19vh;
  margin-left: 25vw;
  margin-right: 25vw;
  border-radius: 15px;
  box-shadow: 0.75px 0.75px rgb(162, 92, 92);
}

#start-button {
  margin-bottom: 2vh;
}

.start h1 {
  color: #481103;
  font-size: 2.5rem;
  text-shadow: 0.75px 0.75px rgb(246, 244, 244);
}

.start p {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #481103 ; 
}
/* Fin Page Styling */

/* Button Styling */
.btn {
  padding: 1.25vh 2.25vw;
  background-color: #501307;
  color: rgb(188, 162, 35);
  font-weight: bold;
  font-size: 1rem;
  border-radius: 4.5px;
}

.btn:hover {
  background: #d8c21a;
}

#highscore-button {
  margin-top: 5vw;
  color:rgba(243, 207, 6, 0.4)
  
}
/* Fin Button Styling */

/* Assessment Styling */
#question {
  color: #b69513;
  font-size: 3rem;
  text-shadow: 0.25px 0.25px rgb(250, 248, 248);
}

#multiple-choice {
  width: 100%;
  margin: 150px 155px;
}

.answer {
  font-weight: bold;
  background: rgba(246, 229, 38, 0.4);
  margin: 10px 350px;
  padding: 25px 15px;
  border-radius: 9px;
}

.answer:hover {
  background: #f5f3f3;
  color: rgb(179, 166, 23);
}

#check-answer-correct {
  color: #d9a808;
  font-size: 2.65rem;
  text-shadow: 0.75px 0.75px rgb(177, 94, 94);
  font-weight: bolder;
}

.timer {
  color: #a38e28;
  font-size: 2.5rem;
  text-shadow: 0.75px 0.75px rgb(245, 243, 243);
  text-align: right;
  margin-right: 25px;
}
#input-score h1 {
  color: #e9d32a;
  font-size: 3.5rem;
  text-shadow: 0.75px 0.75px rgb(176, 94, 94);
}
#input-score h2 {
  color: #d9a808;
}

#highscore-button {
  font-size: larger;
  color: #958630;
  text-shadow: 0.75px 0.75px rgb(145, 62, 62);
}

#high-score h1 {
  color: #d9a808;
  font-size: 3.5rem;
  text-shadow: 0.75px 0.75px rgb(176, 94, 94);
  
}

#scoreBoard {
  color: #958630;
  font-size: large;
}

form {
  font-weight: bold;
  font-size: 1.25rem;
  color:rgba(248, 237, 23, 0.94)
}

input {
  outline: none;
  margin-top: 1.25vh;
  padding: 5px 25px;
  text-align: center;
  color: #5c2009;
} 

@media (min-width: 600px) {
    .column {
      width: 50%;
    }
  }



/* Fin Assessment Styling */