article{background-color: #f5564a;}
footer{background-color: #5f5f5f}
body{background-color: #e1e1e1}
nav{background-color: #5f5f5f; text-align: center; padding: 7px;}
h2{color: white; text-align: center;}
#div_principal{background-color: white; max-width: 750px; min-width: 350px;}
h1{color: white}
p{color: white; text-align: center;}

h1{margin: 20px; text-shadow: 2px 2px 5px #888888;}
article{margin: 20px; box-shadow: 0px 3px 5px #888888;}
footer{padding: 0px; border: 2px dotted black;}
nav{box-shadow: 0px 3px 5px #888888;}


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

.principal{background-color: #4caf50; max-width: 700px; min-width: 300px; margin: 20px;box-shadow: 0px 3px 5px #888888; padding: 1px;}
.categoria{ width: 330px; background-color: #f5564a; margin: 20px; box-shadow: 0px 3px 5px #888888; padding: 1px;}

nav a{padding: 7px; color: white; text-decoration: none;}
nav a:hover{background-color: #333333; color: lightgray}

article a{color: white; text-decoration: none;}
article a:hover{color:yellow}

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

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

header{font-family: 'Baloo Paaji', cursive;}
nav{font-family: "Dosis", sans-serif;}
.principal{font-family: "Handlee", cursive;}
.categoria h2{font-family: "Pathway Gothic One", sans-serif;  text-align: left; margin: 0; float: left;}
.categoria li{font-family: "Quicksand", sans-serif;}
.categoria{float: left;}
main{overflow: auto;}

.cabecera{background-color: maroon; overflow: auto;}

.ocultar{display: block; float: right; cursor: pointer;}