#contenedor-header {
    background : #69955E;
    border-radius: 30px;
    padding : 35px;
    display : flow-root;
}
#header-titulos{
    width : 90%;
    text-align: center;
}

#header-imagen{
    width: 45%;  
}
.sub{
    position:absolute;
    width: 100%
    visibility:hidden;
    
}

h1{
  text-align: center;
  width: 100%;
  margin: 0px auto;
  color: white;
 
  letter-spacing: 5px;
  top: 50%;
  
  text-shadow: -1px -1px 0px blue,
    3px 3px 0px blue,
    6px 6px 0px blue;
}
#navega {
    background: #1FA5D8;
    border-style: inset;
}

body{
   background-image: linear-gradient(225deg, #ffff41 0, #ffff45 7.14%, #f0ff4c 14.29%, #d3ff55 21.43%, #b5ff5e 28.57%, #95fd68 35.71%, #72f270 42.86%, #48e577 50%, #00d77d 57.14%, #00cb83 64.29%, #00c18a 71.43%, #00b891 78.57%, #00b198 85.71%, #00aba1 92.86%, #00a8aa 100%); 
    
}

nav ul {
  display: flex;
  justify-content: center;
  list-style: none;
  padding : 20px;
}

li {
  background-image: radial-gradient(circle at 39.99% 12.64%, #1c3435 0, #182a29 16.67%, #121b1a 33.33%, #000000 50%, #000000 66.67%, #000000 83.33%, #000000 100%);
  color:white;
  font-size: 30px;
  border-radius: 10px;
  padding:8px;
  margin:8px;
  font-style:italic; 
}

li:hover {
  background: #FF0000;
  color:#111111;
  font-size: 30px;
  border-radius: 10px;
  padding:10px;
  margin:9px;
  font-style:italic; 
}

a {
    color : white;
    text-decoration: none;
}


article div p {
    background: #9EA7B8;
    border-radius: 20px;
    font-weight: 300;
    padding :15px;
    font-size: 20px;
    font-style: italic;
    color : black;
    text-align: center
}

article  img {
    margin : 15px;
    
}