html {
  height: 100vh;
  background-image: url('assets/brick-wall-dark.png'), radial-gradient(#0896a5, #161b1e);
}

body {
  margin: 0;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero {
  min-width: none;
  max-width: 700px;
  height: fit-content;
  background-color: #030302;
  border-radius: 5px;
  filter: drop-shadow(0px 16px 10px black);
}

.hero img {
  display: block;
  min-width: none;
  max-width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.announcement {
  font-family: Verdana, sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  margin-bottom: 20px;
  background-color: #eeefff;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;
  text-align: center;
  color: #000;
  font-size: .75em;
}