/* Select the body element of the HTML page */
/* File Location: project/css/styles.css */

/* ck ment: This CSS code sets a dark grey background with a smooth gradient for the webpage's body section */

/* Select the body element of the HTML page */
/* File Location: project/css/styles.css */

/* ck ment: This CSS sets a dark blue-gray background using a gradient that transitions and stops at 95% */

/* Select the body element of the HTML page */
/* Select the body element of the HTML page */
body {
    /* Comment: Set a modern, clean font for better readability */
    font-family: 'Inter', sans-serif;  
    /* Comment: Apply a dark grey background color, #2d2d2d is a solid dark grey shade */
    background: #161829;
    /* Comment: No gradient is used, just a flat, dark grey background */
}


.login-container {
    max-width: 400px;
    margin: 100px auto;
}
.card {
    border: none;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.card-body {
    padding: 40px;
}
.btn-google {
    background: #fff;
    color: #757575;
    border: 1px solid #ddd;
    padding: 12px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.btn-google:hover {
    background: #f8f9fa;
    border-color: #ddd;
}
.btn-google img {
    width: 20px;
    margin-right: 8px;
}
.divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
}
.divider::before, .divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #eee;
}
.divider span {
    padding: 0 10px;
    color: #777;
    font-size: 0.9rem;
}
h1 {
    font-size: 2rem; /* Increased size for better visibility */
    font-weight: 100; /* Use a bolder weight for emphasis */
    margin-bottom: 25px; /* Increased margin for better spacing */
}

h2 {
    font-size: 1.75rem; /* Example size for h2 */
    font-weight: 100;
    margin-bottom: 18px;
}

h3 {
    font-size: 1.5rem; /* Example size for h3 */
    font-weight: 100;
    margin-bottom: 16px;
}

h4 {
    font-size: 1.5rem; /* Example size for h4 */
    font-weight: 100;
    margin-bottom: 14px;
}

h5 {
    font-size: 1.25rem; /* Example size for h5 */
    font-weight: 100;
    margin-bottom: 12px;
}