/* Uniform ribbon styles for deployment success and MongoDB status */


#mongodb-status-ribbon {
    background-color: #e0ffe0;
    color: #2e7d32;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    text-align: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: auto;
    z-index: 1;
}

/* Auth success ribbon uses a distinct green color */
#auth-success-ribbon {
    background-color: #e0ffe0;
    color: #155724;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    text-align: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: auto;
    z-index: 1;
}

#login-success-alert,
#website-name-ribbon {
    background-color: #cce5ff;
    color: #004085;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    text-align: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: auto;
    z-index: 1;
}

body {
    background-color: #f0f2f5;
    padding-top: 56px; /* Height of the navbar */
}