.message-container {
  position: fixed;
  width: max-content;
  max-width: 80%;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

.message-not-in-list {
  background: #313030;
  color: white;
  animation: FadeOut linear 1s both;
  font-weight: bold;
  border-radius: 8px;
  padding: 0.5em 1em;
  display: none;
}

.message-game-over {
  background: #313030;
  color: white;
  font-weight: bold;
  border-radius: 8px;
  padding: 0.5em 1em;
  display: none;
}

@keyframes FadeOut {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}