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

	body{
		/*Fondos*/
		background-color: lightpink;
		background-image: url("../imagenes/background.png");
		background-size: auto auto;
		background-repeat: repeat-y;
		background-position: auto auto;
		background-attachment: fixed;
		backface-visibility: 20%;
	}

	h1{
		color: darkmagenta;
		background-color: lavender;	
		width: 300px;
		height: auto;
		/*
		margin: 100px;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 50px;
		margin-left: auto;
		margin: 100px auto;
		margin: 10px 20px 30px 40px;
		*/
		margin: 100px auto;		
		padding: 30px 0;
		text-align: center;
		/*Bordes
		3 propiedades (ancho, color, estilo)		
		
		border-width: 25px;
		border-color: orangered;
		border-style: solid;
		border: none;
		*/
		/*Notación específica
		border-top-color: skyblue;
		border-right-color: yellow;
		border-bottom-color: red;
		border-left-color: green;
		border-top-style: dashed;
		border-left-width: 100px;
		*/
		/*Notación condensada*/
		border: 20px lightblue solid;
		border-radius: 100px 0 100px 0;
		/* Moldear bordes y sus arcos
		border-radius: 100px 0
		border-radius: 100px 0 50px 0 / 20px 0 100px 0;
		*/
		outline: none;
		/*(inset) offset-x offset-y blur spread color
		box-shadow: inset 10px 10px 10px 3px black;
		*/
		box-shadow: 20px 20px 15px 3px blue;		
	}

h2{
	color: dodgerblue;
	text-align: center;
	width: 50%;
	margin: 30px auto;
	background-color: aliceblue;
	background-repeat: repeat-y;
	background-position: center center;
	border: 2px solid black;
	padding: 10px;
	border-radius: 20px;
}
nav{
	width: 50%;
	margin:50px auto;
	padding: 20px;
	border: 1px solid black;
	background-color: yellow;
	background: radial-gradient(whitesmoke, pink);
	<!--/*
	background: linear-gradient(to right, red, orange, yellow);
	background: conic-gradient(to right, red, orange, yellow);
	*/-->
}
<!-- /*Colores*/ -->
h1{ /*Nombre de color*/
	color: blue;
	background-color: antiquewhite;
}

h2{ /*Valores RGB*/
	color: rgb(220,40,80); /*función rgb()*/
	background-color: #F8D4A5; /*headecimal*/
}

h3{ /*Valores HSL*/
	color: #513; /*Web Safe Colors*/
	background-color: hsl(200,55%,60%)
}
p{ /*Transparencia: rgba(), hsla()*/
	background-color: rgba(300,20,50,0.8);
	
}