/* itsaCheck logo css */
   /* Logo CSS Variables */
:root {
    --logo-dark-blue: rgb(45, 68, 146);
    --logo-light-blue: rgb(230, 233, 242);
    --logo-medium-blue: rgb(193, 206, 244);
    --logo-white: rgb(255, 255, 255);
}

/* Logo Box Styles - different for index.html and login.html
.logo-box {
    index.html and login.html have 
    there own code for this
} */

.logo-text {
    font-size: 3.0em;
    font-weight: 900;
    display: flex;
}

.logo-itsa {
    color: var(--logo-white);
    background: var(--logo-dark-blue);
}

.logo-check {
    color: var(--logo-dark-blue);
    background: var(--logo-light-blue);
}

.tagline {
    font-size: 1.0em;
    font-weight: 800;
    margin-top: 0.1em;
}

.tagline-instant, .tagline-payments {
    color: var(--logo-dark-blue);
    background: var(--logo-light-blue);
}

.tagline-check {
    color: var(--logo-white);
    background: var(--logo-dark-blue);
}