style.scss

.css-selector {  
    font-family: 'Orbitron';  
    }  
  
  * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }
  
  
  body {
      height: 100vh;
      width: 100vw;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: 'VT323', monospace;
      color: yellow;
      margin: 0;
      background-image: url(https://images.unsplash.com/photo-1570741066052-817c6de995c8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=386&q=80);
      display: flex;
      flex-direction: column;
    }
  
    #game-board {
      background-color: gray;
      border-radius: 1em;
      border: hsl(50, 43%, 50%) solid 0.4rem;
      width: 70vmin;
      height: 70vmin;
      display: grid;
      grid-template-rows: repeat(21, 1fr);
      grid-template-columns: repeat(21, 1fr);
    }
  
    h1 {
        color: hsl(50, 43%, 50%);
        font-size: 4.5rem;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
    
  .snake {
    background-color: hsl(200, 53%, 24%);
    border: .25vmin solid black;
    border-radius: 0.5rem;
  }

  .food {
    background-color: hsl(50, 43%, 50%);
    border: .25vmin solid black;
    border-radius: 0.5rem;
  }

  #divScore {
    text-align: center;
    border: 2px solid hsl(50, 43%, 50%);
    padding: 0.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin: 1rem;
    width: auto;
    height: auto;
    font-family: Orbitron;
    font-size: 1.5rem;
    color: hsl(50, 43%, 50%);
    background-color: black;
  }