body {
    --primary-color: #26549e;
    --secondary-color: #FF9F1C;
    --tertiary-color: #CB8589;
    --highlight-color: #31ad99; 
}
.headline {
    text-align: center;
    margin-bottom: 40px;
    /* min-height: 25vh; */
}

.headline h1 {
    text-transform: uppercase;
    font-size: 10vw;

    color: white;
  }

#headline-home {
    background-color: var(--primary-color); 
    background-image: url("../img/hcw-logo-white-op25-100x100.png");
    background-position: top;
    background-repeat:repeat;
    background-attachment: scroll;
    background-size: auto;
    padding: 0;
    letter-spacing: 4vw;
}

#headline-penalties {
    background-image: url("../img/broken_racket.jpg");
    background-position: center;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: contain;
    padding: 0;
}

.season-games {
    /* background: linear-gradient(to bottom, var(--secondary-color), var(--tertiary-color)); */
    /* border: 5px solid red; */
    padding: 5%;
}


tr.next-game {
    border: var(--tertiary-color) solid 3px;
}

.text-hcu {
    color: var(--primary-color);
}

.navbar-logo-text {
    font-family: 'Courier New', Courier, monospace;
    font-weight: 100;
    font-size: 1.2em;
    /* text-transform: uppercase; */
}

h4 {
    color: black;
}

.stats {
    font-size: 5rem;
}

.my-primary {
    color: var(--primary-color)
}

.my-secondary {
    color: var(--secondary-color)
}

.stats-card {
    color: white;
    height: 100%;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 5rem;
    font-weight: 800;
    flex-direction: column;
    
}

.my-background-primary {
    background-color: var(--primary-color);
}

.my-background-secondary {
    background-color: var(--secondary-color);
}

.my-background-tertiary {
    background-color: var(--tertiary-color);
}

.caption {
    font-size: 1.5rem;
}

#fees-stat {
    /* background-image: url("../img/euro_sign_black_50op.svg"); */
    background-repeat: space;
    background-size: 20%;
    background-position: left;
}

#beers-stat {
    background-image: url("../img/stiefel_icon_black_50op.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#leader-stat {
    /* background-image: url("../img/leader_black_50op.svg"); */
    background-repeat: space;
    background-size: 20%;
    background-position: left;

}