:root {
  --azul-claro: #00C5F8;
  --azul-oscuro: #1022AB;
  --azul-oscuro-2: #16079b;
}
#container {
  width: 60%;
  margin:0 auto;
  font-family: 'Open Sans', sans-serif;
  border-right: 1px solid var(--azul-claro);
  border-left: 1px solid var(--azul-claro);
}
#container > h2 {
  text-align: center;
  text-transform: uppercase;
}
#container > div:first-of-type, footer{
  background-image: linear-gradient(to right, var(--azul-claro) 25%, var(--azul-oscuro));
  width: 100%;
  height: 100px;
  display:block;
}
#container > p {
  /* margin-top:0; */
  padding: .5em 3.5em;
}