body {
    background: linear-gradient(to bottom right, #17183b , #246EB9);
    background-attachment: fixed;
    color: #F8F9FA;
    font-size: 16px;
    font-family: 'Red Hat Text';
}

/**
* Classes
**/
.orange {color: #E57B2F;}

.blue {color: #246EB9;}

.lightblue {color: #0DCAF0;}

.dark {color: #212529;}

.light {color: #F8F9FA;}

/**
* Buttons
**/
.btn {
    font-family: 'Red Hat Text Medium';
    padding: 3px 5px;
    margin-top: 2px;
}

.btn-light-blue {
    background: #0DCAF0 !important;
    color: #F8F9FA !important;
    border: 2px solid #F8F9FA;
    transition: all .2s ease-in-out;
}

.btn-light-blue:hover {
    background: #0DCAF0;
    color: #F8F9FA;
    border: 2px solid #F8F9FA;
    filter: brightness(110%);
    transform: scale(1.02);
}

.btn-orange {
    background: #E57B2F !important;
    color: #F8F9FA !important;
    border: 2px solid #F8F9FA;
    transition: all .2s ease-in-out;
}

.btn-orange:hover {
    background: #E57B2F !important;
    color: #F8F9FA !important;
    border: 2px solid #F8F9FA;
    filter: brightness(110%);
    transform: scale(1.02);
}

.btn-light {
    background: #F8F9FA !important;
    color: #212529 !important;
    border: 2px solid #212529;
    transition: all .2s ease-in-out;
}

.btn-light:hover {
    background: #F8F9FA;
    color: #212529;
    border: 2px solid #212529;
    filter: brightness(110%);
    transform: scale(1.02);
}

/**
* Font Classes
**/
.redhat {font-family: 'Red Hat Text';}

.redhatMed {font-family: 'Red Hat Text Medium';}

.mono {font-family: 'Courier New', monospace;}

/**
* Font Families
**/
@font-face {
    font-family: 'Red Hat Text Medium';
    src: url('../font/RedHatText-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('../font/RedHatText-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}