body{
    background-color: black;
    width: 1024px;
    text-align: center;
    padding-bottom: 3em;
    min-height: 100vh;
}

header{
    background-color: aqua;
    width: 100%;
    height: 20%;
    position: fixed;
    top:0px;
    left: 0px;
}


#titulo{
    color:indigo;
    font-family: 'Anton', sans-serif;
    font-family: 'Lobster', cursive;
    font-family: 'Source Code Pro', monospace;;
    font-size: 2.5em;
    padding: 2%;   
      filter: drop-shadow(2px 1px 2px rgb(245, 237, 237));
     -webkit-filter: drop-shadow(2px 1px 2px rgb(245, 237, 237));
}

.info_Personal{
    width: 3%;
}


.section{
    position:fixed;
    text-align: justify;
    padding: 15%;
    color: aqua;
    font-family: 'Anton', sans-serif;
    font-family: 'Lobster', cursive;
    font-family: 'Source Code Pro', monospace;;
    font-size: 1.2em;
    margin-top: -90px;
}

span{
    color:indigo;
}
.info{
    font-size: 140%;
}

p{

    margin: 7%;
    padding-left: 3em;
    position:fixed;
    text-align: center;
    margin-top: 3%;
    margin-bottom: -8%;
    text-decoration: none;
    
}
footer{
    background-color: aqua;
    position:fixed;
    bottom:0px;
    left:0px;
    height: 15%;
    width: 100%;
    display: inline inline-block;
      
    }

h3{
    background-color: indigo;
    margin: 1em;
    padding: 1em;
    float: left;
    border-radius: 10%;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    -ms-border-radius: 10%;
    -o-border-radius: 10%;
    border: 2px solid white; 
}


#botones{
    display: inline-block;
}


footer a{
    text-decoration: none;
    color:aqua;
}

#botones h3:hover{
    background-color: rgb(14, 46, 226);
    border: 3px solid rgb(255, 94, 0);

}



h3 a:active{
    color:aqua;
  
}