main{
    display: grid;
    grid-template-columns: repeat(4,auto);
    
}

body{
    background-color: #E4ECF3;
}

header,footer{
    color: white;
    font-weight: bold;
    background-color: #2C3E50;
    text-align: center;
    padding: 10px;
}

header{
    margin-bottom: 10px;
}

main div{
    margin: 20px;
    background-color: white;
    width: 70%;
}

main div div,span{
    font-size: 0.8em;
    text-transform: capitalize;
}



#vali,#nombre{
    color: white;
} 

footer{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
}

main div > :first-child {
    color: #398DD5;
    font-size:larger; 
    border-bottom: 2px solid #B0C4DE; 
    text-transform: capitalize;
    margin-top: 5px;
}