body {
  margin: 20px;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background-color: #282c34; */
  background: linear-gradient(#282c34, rgb(4, 4, 17));
  color: white;
  font-family: 'Arial', sans-serif;
}

#header-container {
  text-align: center;
  margin: 20px;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

#header-container h1 {
  font-size: 2.7em;
  color: #61dafb;
  margin: 0;
}
.status{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 800px;;
  margin-bottom: 20px;
}
#score-container #score-display {

  font-size: 30px;
  margin: 0px;
  margin-bottom: 10px;
  
}

#score-display{
  color:rgb(233, 243, 160);
}

.status span{
  font-size: 20px;
 border: 1px solid rgb(103, 101, 101) !important;
 padding: 10px;
}

/* #canvas-container {
  display: flex;
  justify-content: center;
  align-items: center;
} */
 #canvas-container {
  display: flex;
  justify-content: center;
  align-items: flex-start !important; /* Align bricks to the top */
  height: calc(100vh - 100px);
  top:0;
}

#gameCanvas {
  border: 2px solid #61dafb;
  background-color: #222;
}

.home-icon {
  font-size: 1.5em;
  position: absolute;
  /* top: 20px; */
  left: 20px;
  color: #61dafb;
  text-decoration: none;
}