<h1>Nokia 3310 snake</h1>

<div class="muestraPuntaje"></div>
<div class="cuadrilla"></div>
<div class="boton">
<button class="superior">superior</button>
<button class="fondo">fondo</button>
<button class="izquierda">izquierda</button>
<button class="derecha">derecha</button>
</div>
<div class="popup">
<button class="juegaDeNuevo">Inténtelo de nuevo</button>
</div>

body {
background: rgb(212, 211, 211);
}
.cuadrilla {
width: 200px;
height: 200px;
border: 1px solid red;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.cuadrilla div {
width: 20px;
height: 20px;
/*border:1px black solid;
box-sizing:border-box*/
}
.serpiente {
background: blue;
}
.manzana {
background: yellow;
border-radius: 20px;
}
.popup {
background: rgb(32, 31, 31);
width: 100px;
height: 100px;
position: fixed;
top: 100px;
left: 100px;
display: flex;
justify-content: center;
align-items: center;
}