@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: repeat-y;
background-position: auto auto;
background-attachment: fixed;
backface-visibility: 20%;
}

h1{
color: pink;
background-color: yellowgreen;;
width: 300px;
height: auto;
/*
margin: 100px;
margin-top: 0;
margin-right: auto;
margin-bottom: 50px;
margin-left: auto;
margin: 100px auto;
margin: 10px 20px 30px 40px;
*/
margin: 100px auto;
padding: 30px 0;
text-align: center;
/*Bordes
3 propiedades (ancho, color, estilo)

border-width: 25px;
border-color: orangered;
border-style: solid;
border: none;
*/
/*Notación específica
border-top-color: skyblue;
border-right-color: yellow;
border-bottom-color: red;
border-left-color: green;
border-top-style: dashed;
border-left-width: 100px;
*/
/*Notación condensada*/
border: 20px lightblue solid;
border-radius: 100px 0 100px 0;
/* Moldear bordes y sus arcos
border-radius: 100px 0
border-radius: 100px 0 50px 0 / 20px 0 100px 0;
*/
outline: none;
/*(inset) offset-x offset-y blur spread color
box-shadow: inset 10px 10px 10px 3px black;
*/
box-shadow: 20px 20px 15px 3px blue;
}
h2{
color: dodgerblue;
text-align: center;
width: 50%;
margin: 30px auto;
background-color: aliceblue;
background-repeat: repeat-y;
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: yellow;
background: radial-gradient(whitesmoke, pink);
<!--/*
background: linear-gradient(to right, red, orange, yellow);
background: conic-gradient(to right, red, orange, yellow);
*/-->
}
<!-- /*Colores*/ -->
h1{ /*Nombre de color*/
color: blue;
background-color: antiquewhite;
}

h2{ /*Valores RGB*/
color: rgb(220,40,80); /*función rgb()*/
background-color: #F8D4A5; /*headecimal*/
}

h3{ /*Valores HSL*/
color: #513; /*Web Safe Colors*/
background-color: hsl(200,55%,60%)
}
p{ /*Transparencia: rgba(), hsla()*/
background-color: rgba(300,20,50,0.8);

}