
button {
  background-color: LightGray;
  width: fit-content;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: .5rem;
  font-weight: bold;
  }
button:hover {
  color: blue;
}

#answers {
  display: none;
}
.candyCrush {
  grid-area: candy;
  border: solid 2px black;
  border-radius: 2rem;
}
.constructionBanner {
  border: solid 4px red;
  border-radius: 5rem;
  font-size: 2.5rem;
  font-weight: bolder;
  color: DarkBlue;
  text-align: center;
}
.covid19Tests {
  grid-area: covid;
  border: solid 2px black;
  border-radius: 2rem;
}
.fakeNewsArticle {
  text-align: center;
  width: 75%;
}
.fakeNewsGrid {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  grid-template-areas:
  'llama llama candy candy covid covid'
  'sand sand sand wave wave wave';
  grid-gap: 10px;
  padding: 10px;
  background-color: White;
}
.heading {
  text-align: center;
}
#hints {
  display: none;
}
.imgRef {
  font-size: smaller;
  color: olive;
  font-style: italic;
}
.inTextQuestion {
  color: DarkSlateBlue;
  font-style: italic;
  font-weight: bolder;
  font-size: larger;
  text-align: left;
}
.label {
  text-align: left;
  border: solid 2px red;
  border-radius: 5rem;
  font-weight: bold;
  color: red;
  margin-left: 1rem;
  padding: 0 5px 0 5px;
}
.lang {
  width: 98%;
  font-weight: bold;
  text-align: right;
}
.langTab:link {
  color: black;
  text-decoration: none;
}
.langTab:visited {
  color: black;
}
.llama {
  grid-area: llama;
  border: solid 2px black;
  border-radius: 2rem;
}
.newsArticle1 {
  grid-area: a1;
}
.newsArticle2 {
  grid-area: a2;
}
.newsArticle3 {
  grid-area: a3;
}
.newsArticle4 {
  grid-area: a4;
}
.newsArticle5 {
  grid-area: a5;
}
.newsArticle6 {
  grid-area: a6;
}
.newspaperCutting {
  margin-left: 20%;
}
.question {
  color: DarkSlateBlue;
  font-style: italic;
  font-weight: bolder;
  font-size: larger;
  text-align: center;
}

.sandsOfTime {
  grid-area: sand;
  border: solid 2px black;
  border-radius: 2rem;
}
.trueOrFakeArticle {
  width: 75%;
}
.trueOrFakeGrid {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  grid-template-areas:
  'a1 a2'
  'a3 a4'
  'a5 a6';
  grid-gap: 10px;
  padding: 10px;
  background-color: White;
}
.wave {
  grid-area: wave;
  border: solid 2px black;
  border-radius: 2rem;
}
