h1 {
  color: white !important;

  font-size: 64px;
  text-shadow: 0 0 10px white;
}

.benthos-panel {
  background-color: var(--brand-primary-transparent-30);
  backdrop-filter: blur(10px);

  border-radius: 8px;

  padding: 1.5rem;
  height: 100%;

  transition: all 0.3s ease;
}

.benthos-panel:hover {
  background-color: var(--brand-primary-transparent-30);
  backdrop-filter: blur(10px);

  box-shadow: 2px 2px 5px var(--brand-primary-transparent-120);

  transform: translateY(-3px);
}

#benthos-info h2,
#benthos-links h2,
#benthos-screenshots h2 {
  color: white !important;

  font-size: 42px;
  text-shadow: 0 0 10px var(--bioluminescence);
}


#benthos-info p {
  color: white !important;
  text-shadow: 1px 1px 5px black;
}


#benthos-links a {
  color: white !important;
  text-shadow: 1px 1px 5px black;
  text-decoration: none;

  border: 2px solid var(--bioluminescence);
  border-radius: 8px;

  transition: background-color 0.3s ease;
}

#benthos-links a:hover {
  background-color: var(--bioluminescence-transparent-60);
}

.thumbnail-glow {
  transition: all 0.3s ease;
}

.thumbnail-glow:hover {
  box-shadow: 2px 2px 5px var(--brand-primary-transparent-120);
  transform: scale(1.02);
}