{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(15, 15, 15, 1); /* #0f0f0fff */
}

.container {
    text-align: center;
}

.logo {
    max-width: 50%;
    height: auto;
}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
       only screen and (min-resolution: 144dpi) {
    .logo {
        content: url('logo@2x.png'); /* Use high-resolution image */
        width: 0.25; /* Maintain aspect ratio */
        height: 0.25; /* Maintain aspect ratio */
    }
}