body {
    background-image: url(Imagenes/andro.jpg);
}

h1 {
    color: red;
    font-family: courier;
    text-align: center;
    font-size: 80px;

}

h2 {
    color: red;
    font-family: Space Age;
    text-align: center;
    font-size: 60px;
}

p {
    text-align: justify;
    font-family: Times New Roman; 
    font-size: 20px;
}

#menu-horizontal{ 
    list-style: none; /*Elimina el bullet de la lista*/ 
    margin: 0; /*Sobre escribe los margenes de la lista a 0*/ 
    padding: inherit; /*Sobre escribe el relleno de la lista a 0*/ 
} 

#menu-horizontal li{ 
    float: left; /*modifica el flujo de la lista*/ 
} 

#menu-horizontal a{ 
    display: block; /*cambia el display original de los enlaces de 
                        inline a block esto con el fin de aplicarle 
                        algunas propiedades que solo se pueden  
                        aplicar a las cajas*/ 

    color: #fff; /*cambia el color del texto del enlace a blanco*/ 
    text-decoration: none; /*elimina el subrayado del enlace*/ 
    text-align: center; /*centramos el texto de los enlaces*/ 
    font-family: sans-serif; /*cambiamos la fuente*/ 
    font-size: 15px; /*cambiamos el tamaño de la fuente*/ 
    width: 75px; /*le damos un ancho de 75px a cada enlace*/ 
    height: 25px; /*le damos un alto de 25px a cada enlace*/ 
    background: black;/*cambiamos el color de fondo*/ 
    padding-top: 8px; /*le agregamos este pequeño relleno*/ 
} 
/*La siguiente regla es para controlar el comportamiento 
del enlace cuando el usuario pase el ratón sobre los botones*/ 
#menu-horizontal a:hover{ 
    background: black;/*cambiamos el color de fondo*/ 
} 

#menu-horizontal{ 
    list-style: none; 
    margin: auto; 
    padding: auto; 
} 
#menu-horizontal li{ 
    float: left; 
} 
#menu-horizontal a{ 
    display: block;  
    color: white;  
    text-decoration: none; 
    text-align: center; 
    font-family: sans-serif; 
    font-size: 12px; 
    width: 75px; 
    height: 25px; 
    background: black; 
    padding-top: 8px; 
} 
#menu-horizontal a:hover{ 
    background: orange; 
} 

#preview {
    background-color: white;
    border-right: #000 5px solid; 
    padding-right: 30px; 
    border-top: #000 5px solid; 
    padding-left: 30px; 
    padding-bottom: 10px; 
    word-spacing: 5px; 
    border-left: #000 5px solid; 
    width: 60em; 
    padding-top: 20px; 
    border-bottom: #000 5px solid; 
    height: 92em; 
    text-align: justify;
}

span {
    font-weight: bold;
}