body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Full viewport height */
    margin: 0;
    background-color: #300022; /* Dark purple background */
}

.logo-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 700px; /* Restrict total width */
    max-height: 700px; /* Restrict total height */
    width: 90vw; /* Responsive scaling */
    height: auto;
}

.logo-container img {
    max-width: 100%; /* Scale within container */
    height: auto;
}

.links {
    display: flex;
    justify-content: center;
    gap: 20px; /* Space between icons */
    margin-top: 20px; /* Space below logo */
}

.links a {
    display: flex;
}

.icon-white {
    width: min(10vw, 50px); /* Scales responsively, max 50px */
    height: auto;
}