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


@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');


@font-face{
font-family: "Fontin";
src:url("fontin.otf");
}
body{
/*Fondos*/
background-color: #FFBFE4;
background-image: url("../imagenes/background.png");
background-size: auto auto;
background-repeat: no-repeat;
background-position: 200px 100px;
background-attachment: fixed;
font-size: 20pt;
font-family: serif;
}

/*Tipografía*/

h1{
font-family:"Parisienne", cursive;

}
 h2{
font-family: "Helvetica", "Arial", "Verdana", sans-serif;
 }
p{
font-family: "Fontin", serif;
}

h1{
color:darkmagenta;
background-color: thistle;
width: 50%;
height: auto;
/*Aspecto y composición de texto*/
font-size: 200%;
font-weight: bold;
font-style: italic;
text-decoration: ;
font-variant: normal;
text-transform: lowercase;
text-shadow: #AB377B 5px 5px 5px;

/*
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: 15px;
border-color: darkmagenta;
border-style: solid;
border: none; <- Para quitar el borde
*/

/* Notación específica
border-top-color: hotpink;
border-right-color: skyblue;
border-bottom-color: darkmagenta;
border-left-color: pink;
border-top-style: dotted;
border-left-width: 100px;
Notación condensada (a todos o a uno concreto)
border: 0 border-left
*/

border: 20px hotpink solid;

border-radius: 100px 0;

outline: none;
/*[inset] offset-x offset-y blur spread color*/
box-shadow: 10px 10px 5px 3px darkmagenta ;
}
h2{
color:pink;
text-align: center;
width: 50%;
margin: 30px auto;
font-size: 140%;
letter-spacing:  0;
word-spacing: 0;
background-color:dodgerblue;
background-image: (url"imagenes/background.png");
background-repeat: repeat-x;
background-position: left center;
border: 2px solid black;
padding:10px;
border-radius: 20px;

}

nav{
width: 50%;
height: auto;
margin: 50px auto;
padding: 20px;
background-color: hotpink;
background: linear-gradient(to right, azure 300px, dodgerblue);
/*background: radial-gradient (top, yellow, green); */
/*background: repeating-conic-gradient (yellow, green, orange, red 45deg);*/

}

/*colores*/
h1{ /*Nombres de color*/
color: hotpink;
background-color: thistle;
}

h2{ /*valores RGB*/
color:rgb(220,20,60);
background-color: #FFE2E2
}

h3 { /* */
color: #081; /*Web Safe Colors*/
background-color: hsl(70, 100%, 50%);
}
p{
background-color: rgba(197,82,242,0.5);
/*Márgenes*/
margin: 30px 50px;
padding: 1ex 1em;
/*Composición de texto*/
font-size: 100%;
text-align: justify;
text-indent: 50px;
text-indent: 3em;
line-height: 3ex;
white-space: normal;

}

a{
text-decoration: none;
}