global.scss

$primary: #0000ff;
@import "~bootstrap/scss/bootstrap";

@font-face {
    font-family: 'DDIN-Bold';
    //font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    font-named-instance: 'Bold';
    src: url(./static/fonts/D-DIN-Bold.woff2) format("woff2");
  }

  @font-face {
    font-family: 'DDINCondensed';
    //font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    font-named-instance: 'Regular';
    src: url(./static/fonts/D-DINCondensed.woff2) format("woff2");
  }

  #subtitle {
    color: $primary;
  }

  .react-icons {
    vertical-align: middle;
  }

  a:hover {
    /*   --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
      
     */
     color: $primary;
     text-decoration: underline;
    }

  a {
    text-decoration: none;
    color: inherit;
  }