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

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

h1{
color:darkviolet;
background-color: lightcyan;
width: 50%;
height: auto;
/* Notaciones condensadas
margin: 100px;
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: 25px;
border-color: darkviolet;
border-style: solid;
border: none; <- Para quitar el borde
/*Notación específica para cada borde
border-top-color: skyblue;
border-right-color: yellow;
border-bottom-color: red;
border-left-color: green;
border-top-style: dotted;
border-left-width: 100px;
Notación condensada (a todos o a uno concreto)
border: o 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 darkgray;
}

h2 {
color:darkslateblue;
background-color: lightskyblue;
width: 35%;
height: auto;
margin: 10px auto;
padding: 0 0;
text-align: center;
border: 1px solid black;
border-radius: 8px 8px; 
}

nav {
	width: 500px;
	height: 100px;
	margin: 50px auto;
	padding: 20px;
	border: 1px solid black;
	background-color: blue;
	/*background: radial-gradient(lightblue, lightpink); */
	/*background: repeating-conic-gradient(lightblue, blue, lightpink, pink 45deg); */
	background: linear-gradient(to left, blueviolet, cyan, lightblue);
}

/* Colores */

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

h2{ /* Valores RGB */
	color: rgb(220, 40, 80);
	background-color: #EB6344; /* Herramientas e insertar color (hexadecimal) */

}

h3{ 
	color: #57E;/* Web Safe Colors */
	background-color: hsl(200,90%,80%); /* Valores HSL */
}

p{ /* Transparencia: rgba () hsla() */
	background-color: rgba(110,200,110,0.5);
}