body{
    background-color: aqua;
}
.chess-row {
    display: flex;
}

.chess-board {
    display: flex;
    flex-wrap: wrap;
    height: 70%;
    width: 10rem;
}

.chess-square {
    width: 5rem;
    height: 5rem;
    box-sizing: border-box;

}

.chess-square:hover{
    opacity: 0.8;
}

.black {
    background-color: black;
}
.white {
    background-color: white;
}

#imagenmovimiento{
   width: 10rem;
   height: 10rem;
   visibility: hidden;
}

.header{
    display: flex;
    height: 30%;
}

.header > *{
    padding: 1rem;
}

p#counter{
    background-color: green;
}

.div-puntuacion{
    display: flex;
    flex-direction: column;
    background-color:blue;
}


@media (min-width: 480px){
    .chess-square{
        width:3rem;
        height:3rem;
    }
}