body {
    background-image: url("images/indexBG01.png");
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    margin: 0;
    font-family: 'VT323', monospace;
}

.gameContainer {
    background-color: aqua;
    padding: 50px;
    border-radius: 30px;
}

.vt323-regular {
  font-family: "VT323", monospace;
  font-weight: 400;
  font-style: normal;
}

/*body {
    background-color: #414141;
}*/

.snake {
    background-color: #60201b;
}

#game-board {
    border-radius: 100px;
    display: grid;
    grid-template-columns: repeat(20, 20px);
    grid-template-rows: repeat(20, 20px);
    margin: 5px;
}

.game-border-1 {
    border: #60201b solid 10px;
    border-radius: 30px;
    box-shadow: inset 0 0 0 10px #60201b;
}

.game-border-2 {
    border: #ffec5f solid 8px;
    border-radius: 26px;
    box-shadow: inset 0 0 0 10px #ffec5f; 
}

.game-border-3 {
    border: #b1291f solid 30px;
    border-radius: 20px;
    box-shadow: inset 0 0 0 5px #b1291f;
}

#instruction-text {
    position: absolute;
    top: 60%;
    color: #60201b;
    width: 300px;
    text-align: center;
    text-transform: capitalize;
    padding: 30px;
    margin: 0;
}

.title {
    display: flex;
    text-decoration: underline;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #b1291f;
}

.scores {
    display: flex;
    justify-content: space-between;
}

#score {
    color: #a59838
}
 
#score, #highScore {
    font-size: 40px;
    font-weight: bolder;
    margin: 10px 0;
}

#highScore {
    color: #ffec5f;
    display: none;
}

.game-border-3, 
#logo {
    background-color: #ffec5f;
}

.snake {
    border: #7b322c 1px dotted;
}

.food {
    background-color:  #df7d15;
    border: #e9b50c 5px solid;
}

#logo {
    position: absolute;
    background-color: transparent;
    filter: opacity(0.5) drop-shadow(0 0 0 #f60101);
}

.bomb {
    background-color:  #fcf8f5;
    border: #010100 5px solid;
}

/*.food {
    background-color:  #df7d15;
    border: #e9b50c 5px solid;
}*/

.home {
    text-decoration: none;
    padding: 40px;
    display: flex;
    text-align: center;
    font-size: 30px;
    width: 0%;
    margin: 0 auto;
}