/* CSS for index.html */
body {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  background-color: darkslategray;
  color: white;
}
/* Global button look */
button {
  background-color: coral;
  font-size: large;
  margin-top: 30px;
}

button:hover {
  background-color: peachpuff;
}
/* header */
a {
  color: white;
  font-size: 20px;
}

a:hover {
  color: grey;
}

#timer {
  float: right;
  color: white;
  font-size: 20px;
}
/* Main content */
main {
  margin: auto;
  text-align: center;
  width: 60%;
  margin-top: 150px;
}

section {
  margin: auto;
  text-align: center;
  width: 60%;
  margin-top: 150px;
}

h1 {
  font-size: 40px;
}

p {
  font-size: 19px;
}
/* Questions and answers */
#question-box {
  margin: auto;
  text-align: center;
  width: 60%;
  margin-top: 150px;
}

#questions {
  text-align: left;
  font-size: 30px;
}

#answers {
  margin-left: 80px;
}

.questionButton {
  display: block;
  text-align: center;
  margin-top: 10px;
}

.rightWrong {
  margin-top: 30px;
  font-size: 19px;
  border-top: grey solid 2px;
  padding-top: 20px;
  text-align: left;
}
/* CSS for scores.html */
#list-container {
  justify-content: center;
  text-align: left;
  font-size: 20px;
  padding-bottom: 20px;
  border-bottom: grey solid 2px;
  max-width: 250px;
  margin: auto;
}

#final-head {
  font-size: 40px;
}

.scoresbtn {
  justify-content: center;
  display: inline-block;
}
#go-back-btn {
  text-decoration: none;
  margin-right: 20px;
}