/* Cambia la tipografía de todos los elementos de la página
porque trabaja con la etiqueta body que contiene a todos los elementos */
body {
	font-family: Arial, Helvetica, sans-serif;
}
/* Equivale en html al atributo class="" 
Y sirve para marcar una apariencia o un diseño especial */
.border-inicial{
	border-left:4px solid orange;
	padding-left: 10px;
}
/* Evento de los enlaces, cambia el diseño cuando pongo el cursor sobre el enlace y ojo, 
lo cambia en la etiqueta final que es img */
a:hover img{
	opacity:0.5;
	
}
/* Identificador único, no puede haber un nombre igual en la página y equivale en html al atributo id="" */
div#boton-musica{
	background-color:#999; 
	margin:25px;
	border:1px solid black;
	padding:25px;
}

/* Con las comas puedes añadir estilos a varias etiquetas */
h1,h2,h3,h4,h5,h6,p{
	text-align: center;
	letter-spacing:2px;
	line-height:25px;
}


div h3{
	color: white;
}

/* Se aplica el fondo al div que se llama container */
div.container{
background-color:#ffffbf;
}

/*El estilo del margen se aplica en los div que van dentro del div con clase container */ 
.container div{
	margin:25px;
}