/* In assets/styles/app.css */

/* Import the Bootstrap CSS installed via importmap */
@import "../vendor/bootstrap/dist/css/bootstrap.min-z0zQt-h.css";

body {
    background-color: #f8f9fa; /* Light gray background */
    /*background-color: skyblue;*/
}

.login-card {
    max-width: 400px;
    margin: auto;
    margin-top: 50px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border: none;
}

.btn-google {
    background-color: #db4437;
    color: white;
}
.btn-google:hover {
    background-color: #c1351d;
    color: white;
}

.btn-microsoft {
    background-color: #2f2f2f; /* Microsoft dark grey/black */
    color: white;
}
.btn-microsoft:hover {
    background-color: #000;
    color: white;
}