/* Estilos CSS */
        .sombra-inferior {
            background-color:  #f0f0f5;
            box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.3);
            padding: 20px;
            width: 300px;
            height: auto;
            border-radius: 8px;
            margin: 20px auto;
            color: white;
            font-family: Arial, sans-serif;
        }

        /* Estilo adicional para el contenedor principal */
        .container {
            padding: 40px;
            text-align: center;
        }

        /* Ejemplo de sombra más pronunciada */
        .sombra-pronunciada {
            background-color:  #f0f0f5;
            box-shadow: 0 15px 20px -8px rgba(0, 0, 0, 0.4);
        }
        .sombra-pronunciada-oscura {
            background-color:  #000000;
            box-shadow: 0 15px 20px -8px rgba(0, 0, 0, 0.4);
        }		

		.sombra-completa {
			background-color:  #f0f0f5;
			box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.3);         
        }

        /* Ejemplo de sombra rojiza */
        .sombra-rojiza {
            background-color: #9C27B0;
            box-shadow: 0 10px 10px -5px rgba(255, 0, 0, 0.3);
        }
		body {
			font-family:verdana,monospace;
			font-size:24px;
		}