@charset  "UTF-8"; 
/* Hoja de estilo de CowWeb*/


	body{ 
		/*Fondos*/
		background-color: lavenderblush;
		background-image: url("../imagenes/background.png"); 
		background-size: 30% auto;
		background-repeat: no-repeat;
		background-position: 200px 100px;
		background-attachment: fixed;
	}

	h1{
		color: darkslateblue;
		background-color: lightcyan;
		width: 40%;
		height: auto;
		margin: 100px auto;
		padding: 30px 0;
		text-align: center;
		border: 15px skyblue solid;
		border-radius: 100px 0;
		outline: none;
		box-shadow: 10px 10px 15px 2px black;
	}

	h2{
		color: darkslateblue;
		width: 50%;
		height: auto;
		background-image: url("../imagenes/background.png");
		background-repeat: repeat-x;
		background-position: center center; 
		background-color: lavender;
		margin: 30px auto;
		text-align: center;
		border-radius: 20px;
		outline: none;
		box-shadow: 10px 10px 15px 2px black; 
	}

	nav{
		width: 50%;
		margin: 50px auto;
		padding: 20px; 
		border: 1px solid black; 
		background-color: lightpink;
		background: linear-gradient(pink 6px, lavenderblush);
		background: conic-gradient(pink, lavender);
		background: radial-gradient(pink 20px, lavender);
	}

/*colores*/

	h1{ /*nombre de color*/ 
	color: darkslateblue;
	background-color: aliceblue;
	}

	h2{ /* valores RGB */
	color: rgb(0, 0, 255); /* función rgb */
	background-color: #ADD8E6; 
	}

	h3{
	color: #081; /* web safe colors */ 
	background-color: hsl(200, 50%, 80%); /* valores HSL */
}

	p{ 
	background-color: rgba(250,0,0,0.2);
}