@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Asset&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Almendra:ital,wght@0,400;0,700;1,400;1,700&family=Asset&display=swap');

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

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


a {font-size: 12pt;
line-height: 30px;
color:  #000000;
text-decoration: none;
padding: 5px;}



a:visted{color:#999;}


a:hover{color: #000000;
background-color:  #BAB6AB;}



body{font-family: Arial, Helvetica, sans-serif;
background-color: #a5baad;color:#000000;}


Header{background-color:#D4E3D8;
text-align: center;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #94AEA1;
}
  
li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #999;
}
div{ 
width:350px;
margin:auto;
}



nav{background-color:#94AEA1;
padding: 5px;
text-align: center;
color: black;font-family:"Almendra";}



article{font-size: 12pt;
color: #ffffff;
background-color:#D4E3D8;
text-align: justify;
padding: 5px;
float: left;
height: 500px;
width: 505px;
overflow: auto;font-family: "Chelsea Market";}


h1 {
line-height: 70px;
color:#ffffff;text-shadow: 5px 5px 5px #B2B0A4;
font-family: Almendra;font-weight: 700; font-style: italic;border: solid 5px #D4E3D8;
}
h2{color: #a5baad;font-family: Almendra;}
h3{color: #a5baad;font-family: Almendra;}