@Charset "UFT-8";
/* Hoja de estilo de CowWeb */
 type="text/css">
body{
	/*Fondos*/
	background-color: whitesmoke;
	background-image: url("imagenes/background.png");
	background-size: auto auto;
	background-repeat: no-repeat;
	background-position: 200px 100px;
	background-attachment: fixed;
}
	h1{
	color:steelblue;
	background-color: lightcyan;
	width: 50%;
	height: auto;

	/*
	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: 15px;
	border-color: darkmagenta;
	border-style: solid;
	border: none; <- Para quitar el borde
	*/

	/* Notación específica
	border-top-color: hotpink;
	border-right-color: skyblue;
	border-bottom-color: darkmagenta;
	border-left-color: pink;
	border-top-style: dotted;
	border-left-width: 100px;
	Notación condensada (a todos o a uno concreto)
	border: 0 border-left
	*/

	border: 20px lightblue solid;

	border-radius: 100px 0;

	outline: none;
	/*[inset] offset-x offset-y blur spread color*/
	box-shadow: 10px 10px 5px 3px royalblue ;
	}
h2{
	color:white;
	text-align: center;
	width: 50%;
	margin: 30px auto;
	background-color:dodgerblue;
	background-image: (url"imagenes/background.png");
	background-repeat: repeat-x;
	background-position: left center;
	border: 2px solid black;
	padding:10px;
	border-radius: 20px;

}

nav{
	width: 50%;
	height: auto;
	margin: 50px auto;
	padding: 20px;
	background-color: yellow;
	background: linear-gradient(to right, azure 300px, dodgerblue);
	/*background: radial-gradient (top, yellow, green);	*/
	/*background: repeating-conic-gradient (yellow, green, orange, red 45deg);*/
	
}

/*colores*/
h1{ /*Nombres de color*/
	color: red;
	background-color: gold;
}

h2{ /*valores RGB*/
	color:rgb(220,20,60);
	background-color: #FFE2E2
}

h3 { /*	*/
	color: #081; /*Web Safe Colors*/
	background-color: hsl(70, 100%, 50%);
}

p{
	background-color: rgba(255, 98,206,0.5);
	}
