:root {
  --bg-color: #1b0023;
  --border-color-custom: #eb98e9;
  background-image: url(../images/bg/Purple_Nebula_05_bg.avif);
  background-attachment: scroll;
}

body {
  font-size: 2rem;
  background-color: var(--bg-color);
  border: 2px solid var(--border-color-custom);
  border-radius: 15px;
  padding: 20px;
}

header {
  text-align: center;
}

hr {
  border-color: var(--border-color-custom);
}

label, legend, fieldset {
  margin-bottom: 1rem;
}

a:hover {
  border-bottom: none;
}

img, video {
  margin-bottom: none;
}

.buttons {
  align-items: center !important;
  text-align: center !important;
  align-content: center !important;
  image-rendering: pixelated;
}

.buttons-showcase {
  display: flex;
  justify-content: center;
  flex: 1;
  height: 6.5em;
  margin-bottom: 0.5rem;
}

footer {
  text-align: center;
}