@import url("https://assets.goldenotter.net/css/global/utilities.css");
@import url("https://assets.goldenotter.net/css/global/variables.css");
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');

/* Screen */
  main {
    min-height: calc(100vh - calc(var(--header-offset) + var(--footer-offset) + 16px));
    margin: 8px;
  }

/* Defaults */
  * {
    margin: 0;
    padding: 0;
    font-family: "Source Code Pro", monospace;
    color: var(--text-color);
    transition: var(--transition-time);
  }

  h1 {
    color: var(--primary-color);
  }

  img {
    -webkit-user-drag: none;
    image-rendering: pixelated;
  }

  /* Buttons */
    button {
      background-color: var(--primary-color-light);
      border: 0;
      padding: 10px 15px;
      border-radius: 15px;
      color: var(--alternate-text-color);
      font-weight: bold;
    }

    button:hover {
      background-color: var(--secondary-color-light);
    }

    button:active {
      background-color: var(--secondary-color);
    }

  /* Links */
    a {
      text-decoration: inherit;
      color: var(--primary-color);
    }

    a:hover {
      text-decoration: underline;
      color: var(--secondary-color-light);
    }

    a:active {
      text-decoration: underline;
      color: var(--secondary-color);
    }