@charset "UTF-8";
/* Hoja de estilo de Cowweb*/
body{
/*Fondos */
background-color: whitesmoke;
background-image: url(../"imagenes/background.png");
background-size: 5% auto;
background-repeat: no-repeat;
background-position: 0px 0px;
background-attachment: fixed;
}

h1{color: lightskyblue;
background-color: lightcyan;
width: 300px;
height: auto;
/* Notaciones condensadas
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: 5px;
border-color: lightskyblue;
border-style: solid;
border: none; <- Para quitar el borde

/*Notación específica para cada borde
border-top-color: skyblue;
border-right-color:peachpuff;
border-bottom-color: palegoldenrod;
border-left-color: green;
border-top-style: dotted;
border-left-width: 100px;
Notación condensada
border: o border-left
*/

border:5px lightskyblue solid;
border-radius: 10px;
outline: none;
/* [inset] offset-x offset-y blur spread color*/
box-shadow: 10px 10px 10px 2px grey;
}

h2{
color: deepskyblue;
text-align: center;
width: 50%;
margin: 30px auto;
background-color: aliceblue;
background-repeat: repeat;
background-position: left center;
border: 2px solid deepskyblue;
padding: 10px;
border-radius: 20px;
}

nav{
width: 50%;
margin: 50px auto;
border: 1px solid black;
background-color: lightcyan;
background:linear-gradient(lightskyblue,lightblue,paleturquoise);
/* 
background: radial-gradient (lightskyblue,lightblue,paleturquoise);
background: conic-gradient(lightskyblue,lightblue,paleturquoise);
*/ 
}

/* Colores */
h1{/*Nombre de color*/
   color:lightskyblue;
   background-color:lightcyan;
}

h2{/* Indicando valores RGB*/
   color: rgb(87, 192, 222); /* función rgb()*/
   background-color:#D3FAFF; /*hexadecimal*/
}

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

p{/* Transparencia */
   background-color:rgba(90,149,238,0.2)   
}