@charset "UTF-8";
/*Hoja de estilo de CowWeb*/
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:darkmagenta;
	background-color: thistle;
	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 hotpink solid;

	border-radius: 100px 0;

	outline: none;
	/*[inset] offset-x offset-y blur spread color*/
	box-shadow: 10px 10px 5px 3px darkmagenta ;
	}
h2{
	color:pink;
	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: hotpink;
	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: hotpink;
	background-color: thistle;
}

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(197,82,242,0.5)

}; 
