.logo-container {
    display: flex;
    justify-content: center; /* Horizontally centers the logo */
    align-items: center;    /* Vertically centers the logo (optional) */
    height: 100vh;           /* Makes the container take the full viewport height */
}

.logo {
    max-width: 400px; /* Adjust as needed */
    height: auto;
}