@font-face {
  font-family: 'FlappyFont';
  src: url('../fonts/flappyfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/flappyfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/flappyfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/flappyfont.ttf')  format('truetype');/* Safari, Android, iOS */
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: #272b30;
  font-family: 'FlappyFont';
  color: #FFFFFF;
}

body * {
  box-sizing: border-box;
}

.game-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}

#restart-btn {
  width: 100%;
  max-width: 150px;
  position: absolute;
}

.hidden {
  display: none;
}