body {
  font-family: sans-serif;
  background-color: rgb(20, 20, 20);
  padding: 5%;
}



#grid {
  height: 4em;
  /*border-left: solid 1px rgb(120, 120, 120);*/
  padding: 10px;
  background-color: rgb(25, 25, 25);
  display: block;
  width: 100%;
  overflow-y: auto;
  scrollbar-color: rgb(21, 21, 21) rgb(71, 71, 71);
}


.grid-word {
  color: rgb(150, 150, 150);
  font-size: large;
  white-space: pre-line;
  display: inline-block;
  padding: 0;
  margin: 5px;
  cursor: pointer;
}

.blink {
  animation: blinker 10s linear infinite;
  color: rgb(4, 146, 80);
}

@keyframes blinker {
  50% {
    opacity: 50%;
  }
}


button {
  background-color: rgb(0, 32, 91);
  background-repeat: no-repeat;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
  outline: none;
  color: rgb(64, 111, 218);
  font-size: large;
  margin: 5px;
  margin-top: 20px;
  padding: 10px;
  font-size: medium;
}

#my-words-title {
  margin-top: 40px;
  color: rgb(150, 150, 150);
  font-size: medium;
  padding-left: 10px;
}

#my-words {
  font-family: sans-serif;
  background-color: rgb(30, 30, 30);
  color: rgb(132, 132, 132);
  font-size: large;
  padding: 10px;
  border: none;
  width: 100%;
  line-height: 2.5;
  scrollbar-color: rgb(140, 140, 140) rgb(71, 71, 71);
}

#my-words:focus {
  outline: none
}

#word-count {
  color: rgb(110, 110, 110);
  margin-top: 15px;
  font-size: small;
}