.themeButton {
  background-color: #222;
  color: #ccc;
  width: 150px;
  margin: 20px 2.5% 10px;
  padding: 10px 5px;
  border-radius: 10px;
  border: none;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
  align-self: flex-start;
}

.themeButton:focus {
  background-color: #444;
  outline: 5px solid #252525;
}

.themeButton:hover {
  background-color: #444;
}

.themeButton:active {
  background-color: #666;
}

.themeButton--dark {
  background: #aaa;
  color: #222;
}

.themeButton--dark:focus {
  background-color: #666;
  outline: 5px solid #ccc;
}

.themeButton--dark:hover {
  background-color: #888;
}

.themeButton--dark:active {
  background-color: #666;
}