#big-poppa {
  display: flex;
  justify-content: center;
}

#vert-align {
  display: flex;
  min-height:calc(100vh - 70px);
  flex-direction: column;
  justify-content: space-between;
}

#game-window {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dark {
  background-color: black;
  font-family: sans-serif;
  color: white;
  align-items: center;
}

.dark #textInput{
  border: white 1pt solid;
}
.light #textInput{
  border: black 1pt solid;
}


.light {
  background-color: white;
  font-family: sans-serif;
  color: black;
  align-items: center;
}

#word-box {
  text-align: justify;
  font-size: 14pt;
}

#stroop-box {
  text-align: justify;
  font-style: bold;
  font-weight: 700;
  font-size: 25pt;
  padding: 10pt;
}


#data {
  display: flex;
  justify-content: center;
  gap: 5%;
  width: 90%;
  padding: 5%;
  border-radius: 10pt;
}

.small-stack{
  display: flex;
  flex-direction: column;
  align-items: center;
}

#textInput{
 border-radius: 5pt; 
 outline: none;
 resize: none;
 font-size: 14pt;
 line-height: 1;
 padding: 10pt;
}

#testContentArea{
  height: 80pt;
  align-content: center;
}