body{
    background-color: #F8F8F8 !important;
}

.crossed-out {
    text-decoration: line-through;
    /* Cross out the text in the row */
}

/*small screen*/
@media (max-width: 576px) {
    #motto{
        font-size: 25px !important;
        margin-top: 15px;
    }

    #header span{
        font-size: 14px;
        width: 50%;
    }
}

/*very small sreen*/
@media (max-width: 400px) {
    #motto {
        font-size: 30px !important;
        margin-top: 15px;
    }

    #header span {
        font-size: 14px;
        width: 50%;
    }

    #loginCard span{
        font-size: 14px;
    }
}

.visible{
    display: flex !important;
}

.invisible{
    display: none;
}