@charset "UTF-8";
/* Hoja de estilo de CowWeb */
/* Reglas de estilo*/
/* selector (atributo valor) */

body{ 
   /* Fondos */
   background-color: aqua;
   background-image: url("imagenes/background.png") ;
   background-size:  auto auto;
   backfround-repeat: no-repeat;
   background-position: 100px;
   background-attachment: 
}
h1{color: navy;
background-color: lightcoral;
width: 300px;
height: 200px;
/*
margin: 100px;
margin-left: 400px;
margin-top: 0;
margin-right: 400px;
margin-bottom: 50px;
margin-left: auto;
margin: 100px auto;
margin: 10px 20px 30px 40px;
*/
margin: 100px auto;
padding: 30px 0;
text-align: center;
/* Bordes*/
border-width: 25px;
border-color: red;
border-style:solid;
border:none; <-Para quitar el borde

/* Notación especifica
border-top-color: skyblue;
border-bottom-color: yellow;
border-right-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  blue solid;

border-radius: 100px 0;

outline: none;
box-shadow: inset 10px 10px blue;
/* [inset]offset-x affset- y blur spread color*/



}
h2{  
   color: dodgerblue;
   text-align: center;
   width: 50%
   margin: 30xauto; 
   background-color: lightcoral;
   background-image: url(<img src="imagenes/bullet.png">)
   background-position: ;
   border: 3px 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(blue,yellow); 
   background: radial
   }
   
   
   /* Colores */
   
h1 { /*Nombre de color */
color: red;
background-color: black;



}

h2{ /* Valores RGB */
    color: rgb(220,20,60);
    background-color: #FFFFFF; /* hexadecimal */


}

h3{ 
  color: #008811; /* Web Safe Colors */
  background-color: hsl(200,50,80); /*  Valores HSL */

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


}