index.css

body {
  background-color: #d3d3d3;
  display: flex;
  align-items: center;
}

button {
  margin: 5px;
  width: 80%;
}

input {
  margin: 5px;
  width: 80%;
}

.leaderBoardPanel {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.startGame {
  height: 50px;
  width: 80px;
}

.shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.gapRight {
  margin-right: 10px;
}

.game {
  background-color: #70c5ce;
}

.pipe {
  fill: url(#pipeGradient);
  stroke: black;
}

.cloud {
  fill: white;
  stroke: black;
  stroke-width: 0.5;
}

@font-face {
  font-family: Freshman;
  src: url(./Assets/Freshman.ttf);
}

.score {
  font-family: Freshman;
  font-size: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}