table { width: 80%;}
    .pleaseWaitArea {
        background: gray;
        opacity: .5;
    }

    .pleaseWaitMessage {
        border: #1b88b8 solid .5em;
        opacity: 1;
        color: #f3a933;
        font-weight: bold;
        border-radius: 25px;
        text-align: center;
        background: #362f2e;
        z-index: 99;
        padding: 3em;
        position: absolute;
        left: 50%;
        top: 6em;
        transform: translate(-50%, 0);
    }

    html {
        background-color: #e39f5b;
        position: relative;
        min-height: 100%;
        font-size: 16px;
        font-family: Abel;
    }

    body {
        font-family: Abel;
        background-image: linear-gradient(#fce3ca, #e39f5b);
        font-weight: bold;
        margin-bottom: 30px;
    }

    h1 {
        color: #236Ec2;
        font-weight: bold;
    }

    h3 {
        color: #236Ec2;
    }

    #login-submit {
        background-color: #f19251;
        border: 5px solid #f5ba7e;
    }

    .container-fluid {
        background-image: linear-gradient(#99daf6,#074f6e);
        height: 93px;
    }

    .nav-link, .text-dark {
        color: #33ff8a !important;
        font-size: 16px;
    }

    @keyframes guy {
        from {
            color: RED;
        }

        to {
            color: GREEN;
        }
    }

    #Qq {font-size: 26px;
        animation-name: guy;
        animation-duration: 555s;
        animation-iteration-count: 33;
    }

    h1.v7 {
        color: #da5b2e;
        font-weight: bold;
    }

    .tooltip > .tooltip-inner {
        font-weight: bold;
        background-color: whitesmoke !important;
        color: #1b88b8;
        border-radius: 5px;
        border: 4px black;
        padding: 4px 6px;
        font-size: 15px;
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
.tooltip.top > .tooltip-arrow {border-top: 9px solid green;
}
.tooltip.bottom > .tooltip-arrow {border-bottom: 9px solid blue;}
.nav-item {color: orangered !important;}