/* Custom styles for the Inter font and overall body appearance */
body {
    font-family: 'Inter', sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #f7f9fc; /* Light gray background */
}
main {
    flex-grow: 1; /* Allows main content to fill space between header and footer */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem; /* Padding for mobile view */
}
/* Style for the 'Forgot Password?' link */
.forgot-link:hover {
    text-decoration: underline;
}
/* Button focus styles */
button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}
/* Custom color for Facebook button for better branding */
.bg-facebook-blue {
    background-color: #1877f2; /* Official Facebook blue */
}
.hover\:bg-facebook-dark:hover {
    background-color: #166fe5;
}
/* Ensure the Google Sign-In button fits well in the container */
.g_id_signin {
    width: 100%; /* Force the Google button container to use the full column width */
}
#loginSumbit{
    margin-top: 0.8em;
}
#signInSubmit {
    margin-top: 0.8em;
}