* {
  color: white;
}

body {
  font-family: monospace;
}

h2 {
  font-weight: bold;
  margin: 0;
  margin-bottom: 8px;
}

p {
  color: lightgray;
  margin: 0;
}

button {
  transition-duration: 100ms;
  padding: 4px;
  color: #251F47;
  font-weight: bold;
  border-style: inset;
  box-shadow: 4px 4px 0 #260F26;
}

button:disabled {
  background: grey;
  border-color: grey;
}

button:hover {
  border-color: white;
}

button:active{
  transform: translateY(4px);
  box-shadow: none;
}

.image-sub {
  color: lightgray;
}

.box-container {
  background: #404E7C;
  box-shadow: 4px 8px 0 #260F26;
  padding: 12px;
}

.hidden {
  display: none !important;
}