body, html {
            height: 100%;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
        .container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .logo {
            width: 300px; /* Ajusta el tamaño según tus necesidades */
            height: auto; /* Mantiene la proporción de la imagen */
            margin-bottom: 5px; /* Añade espacio debajo de la imagen */
        }
        .instruction-text {
            margin-top: 5px; /* Reduce el espacio superior */
        }