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





h1{color:blue;
background-color: lightblue;
width: 300px;
height:auto;


/*
margin:100px;

margin-right:auto;
margin:10px 20px 30px 40px;
margin-top:0px;
margin-bottom: 50px;
margin-left: auto;
*/


margin: 100px auto;
padding: 30px 0;
text-align: center;


/*Bordes */
border-width: 25px;
border-color: red;
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-widht: 100px;

Notación condensada ()

*/

border:20px grey solid;

border-radius:100px 0;

outline:none;
/* [inset] offset-x offset-y blur spred color */
box-shadow:-10px 10px 20px 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:center center;
border: 2px solid black;
padding: 10px;
border-radius: 20px;

}

nav{
width: 50%;
margin:50px auto;
padding:20px;
border:1px solid black;
background-color:lightyellow;
background: linear-gradient(to right,lightblue,lightyellow,lightpink);
background: radial-gradient(lightblue, lightyellow,lightpink);

}

/*Colores*/


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

h2{ /*Valores RGB */
color: rgb(220,40,00);
background-color: #FF4545; /* HEXADECIMAL */

}

h3{ /* */
color: #184; /*Web Safe Colors */
background-color: hsl(70,50%,80%); /* valores hsl */

}

p{
background-color: rgba(328,26,100,1)

}