:root {
  --header-background: #fff;
  --main-background: #000;
  --button-background: #fff;
  --featured-background: #000;
  --gradient-background: radial-gradient(
      at 95.00569686680487% 58.856363267997146%,
      hsla(1.034482758620686, 67.44186046511626%, 83.13725490196077%, 1) 0%,
      hsla(1.034482758620686, 67.44186046511626%, 83.13725490196077%, 0) 100%
    ),
    radial-gradient(
      at 94.47133716148318% 51.52301599950789%,
      hsla(292.9608938547486, 89.9497487437186%, 60.98039215686275%, 1) 0%,
      hsla(292.9608938547486, 89.9497487437186%, 60.98039215686275%, 0) 100%
    ),
    radial-gradient(
      at 33.162943773627475% 43.69561681168841%,
      hsla(1.034482758620686, 67.44186046511626%, 83.13725490196077%, 1) 0%,
      hsla(1.034482758620686, 67.44186046511626%, 83.13725490196077%, 0) 100%
    ),
    radial-gradient(
      at 34.163909407328994% 77.13189626875673%,
      hsla(1.034482758620686, 67.44186046511626%, 83.13725490196077%, 1) 0%,
      hsla(1.034482758620686, 67.44186046511626%, 83.13725490196077%, 0) 100%
    ),
    radial-gradient(
      at 67.3668727027141% 82.1993938441757%,
      hsla(292.9608938547486, 89.9497487437186%, 60.98039215686275%, 1) 0%,
      hsla(292.9608938547486, 89.9497487437186%, 60.98039215686275%, 0) 100%
    ),
    radial-gradient(
      at 94.39654987333269% 39.12791571983375%,
      hsla(1.034482758620686, 67.44186046511626%, 83.13725490196077%, 1) 0%,
      hsla(1.034482758620686, 67.44186046511626%, 83.13725490196077%, 0) 100%
    ),
    radial-gradient(
      at 95.67559742563955% 28.764662065956603%,
      hsla(1.034482758620686, 67.44186046511626%, 83.13725490196077%, 1) 0%,
      hsla(1.034482758620686, 67.44186046511626%, 83.13725490196077%, 0) 100%
    );
  --text-color-primary: #fff;
  --text-color-secondary: #000;
}

footer {
  background-color: var(--main-background);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-color-primary) !important;
}

#footer-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}

#footer-modal a {
  display: flex;
  align-items: center;
  color: var(--text-color-primary) !important;
}

#modal {
  position: fixed; /* usar fixed, no absolute */
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--main-background);
  color: var(--text-color-secondary);
  z-index: 999;
  overflow: auto;
  display: flex;
  flex-direction: column;
}