h1, h2, h3, h4 {
    font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif; 
}

h2 > a {
    font-family: inherit; /* use body font */
}

.backg-primary{
    background-color: var(--primary-color)
}

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

.backg-primary-50:hover{
    background-color: var(--primary-color-20);
}

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

.main-container {
    height: 10vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stock-red {
    color: red;
    font-weight: bold;
}
.stock-yellow {
    color: orange;
    font-weight: bold;
}
.stock-green {
    color: green;
    font-weight: bold;
}

/* Hyperlink Styling */
.hyperlink {
    color: blue;
    text-decoration: underline;
    font-weight: normal;
}

.invoice-paid {
    background-color: green;
}

.invoice-unpaid {
    background-color: red;
}