@charset "UTF-8";
/*Hoja de estilo de Cowweb*/
body{/*fondos*/
	
	background-color: gray;
	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: lightcoral;
	width: 300px;
	height: auto;
/*
	margin: 10px 20px 30px 40px;	
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	*/
	
	padding: 0;
	margin: 100px auto;
	text-align: center;		
/*Bordes (ancho, color, estilo)

*/		



border-width: 25px;
border-color: blue;
border-style: solid;

/*Notación específica
border-top-color: skyblue;
border-right-color: yellow;
border-bottom-color: red;
border-left-color: green;
border-top-style: dotted;
border-left-width: 100px;
		*/
border: 20px lightblue solid;
		
border-radius: 100px 0;
		
		outline: none ;
		
	box-shadow: 10px 10px 20px 5px black;
	}
		
		h2{
		color: dodgerblue;
		text-align: center;
		width: 50%;
		margin: 30px auto;
		background-color: lightcoral;
		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%;
	margin: 50px auto;
	padding: 20px;
	border: 1px solid black;
	background-color: yellow;
	background: linear-gradient (to right, blue, yellow);
	background: radial-gradient (blue, yellow);
	
	
	
	
	
	}
/*colore*/
	h1{/*Nombres de color*/
	
color: red;
background-color: gold;
}

h2{ /*valores RGB*/
 color: rgb(220,40,80);
 background-color: #C79E13; /*hexadecimal*/
}



h3{/*Valores HSL */
color: #7BE; /*Web Safe Colors */
background-color: hsl(70, 100%, 100%);/*Valores hsl*/
}

p{/*Transparencia: rgba () hsla()*/
background-color: rgba(60, 190, 50, 0.5);



}