body {
    background-color: #E7E7ED;
     
}

input#dic{
    padding:5px 40px;
    color: white;
    font-size: 1em;
    background-color: #FA622D;
    -webkit-transition: background-color .25s;
     border-radius:20px;
    -webkit-border-radius:10px;
     box-shadow: 20px 10px 20px #aaa; 
    
}
input#dic:hover{
    background-color: #BF2718;
   
}
h1,h2,h3,h4,h5{
    font-family:arial;
}
#tabla{
    
    background: #8B8FA2;
    width:600px;
    border:1px solid white;
    margin: 50px auto;
    padding: 1em;
    border-radius:20px;
    box-shadow: 30px 20px 20px #aaa; 
   
}
header{
    margin: 5px auto;
    width:1000px;
    background: #E7E7ED;
    border-radius: .50em;
    text-align:center;
    -webkit-transition: background-color .80s;
    -webkit-border-radius:10px;
    -webkit-box-shadow: 0px 4px 0px #4AA4DF;
}
footer{
      margin: 200px auto;
    width:1000px;
    background: #DAD7D2;
    border-radius: .50em;
    text-align:center;
    -webkit-transition: background-color .80s;
    -webkit-border-radius:10px;
    -webkit-box-shadow: 0px 4px 0px #4AA4DF;
    box-shadow: 30px 20px 20px #aaa; 
}
nav{
     margin: 5px auto;
    width:1000px;
    background: #313289;
    border-radius: .50em;
    text-align:center;
    -webkit-transition: background-color .80s;
    -webkit-border-radius:10px;
    -webkit-box-shadow: 0px 4px 0px #4AA4DF;
    box-shadow: 30px 20px 20px #aaa; 
    
}