:root {
  --app-color-primary: #333;
  --app-color-secondary: #4c4c4c;
  --mdc-dialog-content-ink-color: #fff;
  --mdc-linear-progress-buffer-color: #ccc;
  --mdc-ripple-hover-opacity: 0.25;
  --mdc-theme-primary: var(--app-color-primary);
  --mdc-theme-secondary: #222;
  --mdc-theme-surface: var(--app-color-secondary);
  --mdc-theme-text-primary-on-background: var(--mdc-dialog-content-ink-color);
  --mdc-typography-font-family: sans-serif;

  --gif-works-color: var(--mdc-theme-text-primary-on-background, #fff);
  --gif-works-link-color: var(--gif-works-color);
  --gif-works-link-hover-color: var(--gif-works-color);
  --gif-works-link-hover-text-decoration: none;
  --gif-works-link-text-decoration: underline;
  --gif-works-min-width: 100%;

  text-shadow: #000 0px 0px 5px;
}

html,
body {
  background: rgb(80, 80, 80);
  background: radial-gradient(
    var(--app-color-secondary),
    var(--app-color-primary)
  );

  font-family: var(--mdc-typography-font-family);
  height: 100%;
  margin: 0;
  padding: 0;
}

noscript > #noscript-content {
  color: #fff;
  margin: auto;
  max-width: 31rem;
  padding: 1rem;
}

noscript a {
  color:rgb(150, 150, 150);
}