@import 'https://fonts.googleapis.com/css?family=Baloo+Paaji|Dosis|Handlee|Pathway+Gothic+One|Quicksand';

body {

  color: black;
  font-family: Verdana;

}


nav {
 
 background-color: #696969;
  
 text-align:center;
  
 box-shadow: 0px 3px 5px #888888;
  
 padding:7px;
  
 font-family: Dosis;

}   


article {
  
 background-color: #E9967A;
 
 font-family: Verdana;
 
 margin: 20px;
 
 box-shadow: 0px 3px 5px #888888;
 
 width: 300px;
 
 color: white;

}


footer {
 
 background-color: #696969;
 
 padding:0px;
 
 border: 2px dotted black;
 
 color: white;

}


div {
 
 border: 1px solid black;
 
 font-family: arial;
 
 max-width:750px;
 
 min-width:300px;
 
 margin:auto;

}


h1 { 
 
 margin: 20px;
 
 text-shadow: 2px 2px 5px #888888;
 
 font-family: Verdana;

}


h3 { 

  color: white;

}


.seccion{

 font-size: 20px;

 margin: 0px;

 padding-left: 10px;
 background-color: #ec7567;

 height: 50px;

}


a {
 
 text-decoration: none;
 
 color: white;
 
 font-family:Quicksand;
 
 font-size: 14px;

}


nav a{
 
 padding:7px;
 
 }


nav a:hover{
 
 background-color: #333333;
 
 }


article a:hover{
 
 color: yellow;
 
 }


article:hover{
  
  box-shadow: 0px 3px 12px #333333;
 
 }


.articuloLinks{
 
 background-color: #4caf50;
 
 max-width:700px;
  min-width:250px;
 
 margin:20px;  

  text-shadow: 0px 3px 5px #888888;
 
 padding:1px;
 
 color: white;
 
 text-align:center;
 
 font-family: Handlee;

}


.articuloCat{
 
 background-color: #ff3425;
 
 max-width:700px;
 
 min-width:300px;

 margin:20px;
 
 padding:1px;
 
 text-shadow: 0px 3px 5px #888888;
 
 color: white;
 
 font-family:Pathway Gothic One;
 
 float: left;

}


header{
   background-color: orange;
 
  padding:1px;
 
  color: white;
 
 }


#titulo{
 
 font-family: Baloo Paaji;
  
}
 
 
#links{

width: 900px;
  
}

 
main{
  
  overflow: auto;
  
}