/* styles.css */
body {
    background-color: #F4F1EE;
    font-family: 'Outfit', sans-serif;
    color: #364177;
    font-size: 14px;
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Outfit', sans-serif; /* Apply Outfit font to all headings */
}

button {
    font-family: 'Outfit', sans-serif; /* Apply Outfit font to buttons */
    background-color: #364177;        /* Set background color of buttons */
    color: white;                     /* Set text color to white */
    font-size: 12px;                  /* Set font size for buttons */
    padding: 10px 20px;               /* Add some padding for button size */
    border: none;                     /* Remove default button border */
    border-radius: 5px;               /* Add rounded corners to the button */
    cursor: pointer;                 /* Change cursor to pointer on hover */
    transition: background-color 0.3s; /* Smooth transition for background color */
}

button:hover {
    background-color: #2c3e56; /* Darken button background color on hover */
}