button {
  background: #db1212c6;
  border: none;
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 16px;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  margin-top: 10px;
  margin-bottom: 10px;
}

button:hover {
  background: linear-gradient(to right, lightblue, steelblue);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

button:active {
  transform: scale(0.95);
}

#logo {
  font-size: 24px;
  font-weight: bold;
  color: #db1212c6;
}

.nav-links {
  list-style: none;
  display: flex;
  gap: 20px;
}

.nav-links li {
  display: inline;
}

.nav-links a {
  text-decoration: none;
  font-size: 16px;
  color: steelblue;
  padding: 8px 12px;
  border-radius: 5px;
  transition: background 0.3s ease-in-out;
}

.nav-links a:hover {
  background: lightblue;
  color: white;
}

body {
  background: #db1212c6;
  }

#navbar {
    background: #ffffff;
}

.text {
    background: #ffffff;
    }
    
#word-display {
    background: #;
}