/* styles.css */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: white; /* Set background color to white */
}

body {
    display: flex;
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
    font-family: Arial, sans-serif;
}

.container {
    text-align: center; /* Center the content inside the container */
}

.logo img {
    width: 150px; /* Adjust the width of the logo */
    height: auto; /* Maintain aspect ratio */
    margin-bottom: 20px; /* Add some space below the logo */
}

h1 {
    font-size: 2em;
    color: #333; /* Darker text color for better visibility */
}

p {
    font-size: 1.2em;
    color: #555; /* Slightly lighter text color */
}