header{
    background-color: rgba(53, 95, 81, 0.993);
    padding: 20px;
    color: lightgreen;
    text-align: center;
}
h1{
    padding: 5px;
    margin:0;
    border-bottom: 3px solid lightgreen;
    border-right: 3px solid lightgreen;
    display: inline-block;
}
div{
    padding: 5px;
    width: 200px;
    height: 200px;
    display: grid;
    border: 2px solid black;
    margin: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    background-repeat: no-repeat;
}
div:nth-child(1){
    background-image: url(/ut2/06/images/punto.png);
    background-position: center center;
}
div:nth-child(2){
        background-image: 
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png);
        background-position: 10% 10%, 90% 90%;
}
div:nth-child(3){
        background-image: 
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png);
        background-position: 10% 10%,center center ,90% 90%;
}
div:nth-child(4){
        background-image: 
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png);
        background-position: 10% 10%,10% 90%,90% 10% , 90% 90%;
}
div:nth-child(5){
        background-image:
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png);
        background-position: 10% 10%,10% 90%,center center,90% 10% , 90% 90%;
}
div:nth-child(6){
        background-image: 
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png),
                        url(/ut2/06/images/punto.png);
        background-position: 10% 10%,10% 50%,10% 90%,90% center,90% 10%, 90% 90%;
}
main{
    margin-left: 3%;
    margin-right: 6%;
    margin-top: 10%;
    margin-bottom: 8%;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
}
footer a img{
    width: 50px;
}
footer{
    text-align: center;
    color: white;
    background-color: black;
    padding: 20px;
}
#vali{
    color: white;
}