/* || General setup */


html, body {
  margin: 0;
  padding: 0;
}

html {

  background-color: #a9a9a9;
}
.cabecera {background: no-repeat center;
background-image: url("../imagenes/headers/header_index.svg");width: 900px;height: 150px;}
body {
  width: 70%;
  margin: 0 auto;
}
input{width: 80px;height: 80px; }
/* || typography */
.cuatrocolores{margin:0 0  0 10px; text-align: center; }



h1 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 2px;
  
}

h2 {
  font-size: 20px;
  text-align: center;
}

h3 {
  font-size: 15px;margin-left: 20%;
}

 p {
 font-size: 13px;
  text-align: center;
  margin: 2px 0 2px -47px;}

/* || header layout */

nav, article, aside, footer {
  
  padding: 1px;
}

nav {font-size: 13px;
  text-align: center;
 
  background-color: #BDBDBD;
  height: 30px;
  width: 899px;
}

nav ul {
 display: flex;
}

nav li {
  display: inherit;
  line-height: 2px;
  flex: 1;
}
nav li:hover{ filter: drop-shadow(1px 1px 2px  rgb(0 0 0 / 1));
}
nav a {
  display: inline-block;
  
  text-transform: uppercase;
  text-decoration: none;
  color: black;
}





/* || main layout */

main {
  display: flex;margin-left: 20%;
}

article {
  flex: 4;border: 2px;
}


footer {
  margin-top: 10px;
  background-image: linear-gradient(#C1E1FF 1px, transparent 1px), linear-gradient(to right, #C1E1FF 1px, transparent 1px);
	background-size: 10px 10px;
	background-color: #E4E4ED;	
}
footer p{font-size: 13px;
  text-align: center;
  margin: 2px 0 2px 0;}