body {
    background-image: url('snakeback.jpg');
  }    
  
  h1 {
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
    color: rgb(194, 205, 205);
  }

  .record {
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
    color: rgb(194, 205, 205);
  }

  .grid {
    width: 200px;
    height: 200px;
    border: 1px solid rgb(194, 205, 205);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  } 

  .record {
    padding-bottom: 1rem;
  }

  .grid div {
    width: 20px;
    height: 20px;
  }
  .snake {
    background: rgb(75, 14, 128);
    border-radius: 30%;
  }
  .apple {
    background: red;
    border-radius: 20px;
  }
  .popup {
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
    padding-top: 1rem;
    color: rgb(194, 205, 205);
   
  }

  .button {
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
    padding-top: 1rem;
  }