:root {
    /* DEFINIENDO VARIABLES */
    --blanco: #ffffff;
    --negro: #141414;
    --azul: blue;
    --margenesnormales: 10px;
}

* {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

body{
background-color: grey;
}

h1{
    text-align: center;
}

main ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    gap: var(--margenesnormales);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

main ul li{
    display: block;
    text-align: center;
}

main ul li img{
    width: 80%;
}

nav{
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: center;
    margin-bottom: var(--margenesnormales);
}

.borrar{
    color: red;
    font-size: 1.5em;
}

.comentarios{
color: var(--azul);
font-size: 1.5em;
}