@charset "UTF-8"; 
/* Hoja de estilo de CowWeb */ 
body{ 
	/* Fondos */
	background-color: whitesmoke;
	background-image: url("../imagenes/background.png"); 
	background-size: 8% auto; 
	background-repeat: no-repeat; 
	background-position: left top;
	background-attachment: fixed; 	
	
	}
	h1{color:lightyellow;
		background-color: lightpink;
		width: 50%;
		height: auto; 
		/* Notaciones condensadas
		margin: 100px;
		margin: 100px; auto; 
		margin: 10px 20px 30px 40px; 
		margin-top: 0; 
		margin-right: auto;
		margin-bottom: 50px; 
		margin-left: auto;
		*/ 
		margin: 100px auto;
		padding: 30px 0; 
		text-align:center; 
	/*Bordes
	3 propiedades (ancho, color, estilo)
		border-width: 25px; 
		border-color: pink; 
		border-style: solid;
	border: none; <-Para quitar el borde 
	/* Notacion especifica para cada borde
		border-top-color: skyblue;
		border-right-color: lightcyan;
		border-bottom-color: pink;
		border-left-color: lightsalmon;
		border-top-style: dotted;
		border-left-width: 100px; 
		Notacion condensada ( a todos o a uno concreto)
		border: o border-left:
		*/ 
	border: 20px lightblue solid; 
	
	border-radius: 100px 0; 
	
	outline: none; 
	/* [inset] offset-x offset-y blur spread color */
	box-shadow: 20px 10px 15px 5px pink;
	
	
	}
	
h2	{ 
	/* Fondos */
	color: lightpink;
	text-align: center;
	width: 35%; 
	margin: 30px auto;
	background-color: lightyellow;
	border: 1px solid black; 
	}
	

nav{
	width: 400px;
	margin: 50px auto; 
	padding: 20px; 
	border: 1px solid black; 
	background-color: lightpink; 
	background: radial-gradient(top left, lightpink, lightyellow);
	background: conic-gradient(lightblue, purple, lightcoral); 
	background: linear-gradient(to right, lightyellow, lightpink); 
}
/* Colores */ 

h1{ /* Nombre de color */ 
color: aquamarine;
background-color: cornflowerblue; 
}

h2{ /* Valores RGB */ 
	color: rgb(220,40,80); /* funcion rgb() */
	background-color: #D5ADCB /* hexadecimal */

}

h3{ /* Valores HSL*/ 
	color: #FAA; /* Web Safe Colors */
	background-color: hsl(200, 100%, 80%);  

}

p{ /* Transparencia: rgba() hsla() */ 

background-color: rgba(128,22,92,0.2); 

}