* {
    box-sizing: border-box;
}

body {
    font-family: sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    /* background-color: #87CEEB; */
}

/* Ensures that the container fills the entire height */
.container-fluid {
    height: 100vh;
}

#login-area {
    margin-top: 10%;
}

.login-notifier {
    border-radius: 3px;
    padding: 3px;
    margin-bottom: 10px;
}

/* Responsive Design Tweaks */
@media (max-width: 768px) {
    #login-area {
        margin-top: 5%;
    }
}

@media (max-width: 576px) {
    .card-header h2 {
        font-size: 1.5rem;
    }

    #login-area {
        margin-top: 20%;
    }
}