@import url("https://fonts.googleapis.com/css?family=Comfortaa");
			html, body {
			  margin: 0;
			  overflow: hidden;
			  height: 100%;
			  width: 100%;
			  position: relative;
			  font-family: "Comfortaa", cursive;
			}
			
			#container {
			  width: 100%;
			  height: 100%;
			}
			#container #score {
			  position: absolute;
			  top: 20px;
			  width: 100%;
			  text-align: center;
			  font-size: 10vh;
			  transition: transform 0.5s ease;
			  color: #333344;
			  transform: translatey(-200px) scale(1);
			}
			#container #game {
			  position: absolute;
			  top: 0;
			  right: 0;
			  bottom: 0;
			  left: 0;
			}
			#container .game-over {
			  position: absolute;
			  top: 0;
			  left: 0;
			  width: 100%;
			  height: 85%;
			  display: flex;
			  flex-direction: column;
			  align-items: center;
			  justify-content: center;
			}
			#container .game-over * {
			  transition: opacity 0.5s ease, transform 0.5s ease;
			  opacity: 0;
			  transform: translatey(-50px);
			  color: #333344;
			}
			#container .game-over h2 {
			  margin: 0;
			  padding: 0;
			  font-size: 40px;
			}
			#container .game-over p {
			  font-size: 40px;
			  font-weight: bold;
			  margin: 20px 0;
			}
			#container .game-ready {
			  position: absolute;
			  top: 0;
			  left: 0;
			  width: 100%;
			  height: 100%;
			  display: flex;
			  flex-direction: column;
			  align-items: center;
			  justify-content: space-around;
			}
			#container .game-ready #start-button {
			  transition: opacity 0.5s ease, transform 0.5s ease;
			  opacity: 0;
			  transform: translatey(-50px);
			  padding: 10px 20px;
			  background-color: transparent;
			  color: #cc0000;
			  font-size: 45px;
			}
			#container #instructions {
			  position: absolute;
			  width: 100%;
			  top: 16vh;
			  left: 0;
			  text-align: center;
			  transition: opacity 0.5s ease, transform 0.5s ease;
			  opacity: 0;
			}
			#container #instructions.hide {
			  opacity: 0 !important;
			}
			.space-button {
			  position: fixed;
			  bottom: 20px;
			  right: 20px;
			  width: 60px;
			  height: 60px;
			  border-radius: 50%;
			  background-color: #cc0000;
			  color: white;
			  display: flex;
			  align-items: center;
			  justify-content: center;
			  font-size: 30px;
			  cursor: pointer;
			  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
			  z-index: 1000;
			  transition: transform 0.2s ease;
			}
			.space-button:active {
			  transform: scale(0.95);
			}
			.nav-button {
			  position: fixed;
			  top: 20px;
			  font-size: 30px;
			  cursor: pointer;
			  z-index: 1000;
			  background: none;
			  border: none;
			  padding: 0;
			  margin: 0;
			  transition: transform 0.2s ease;
			}
			.nav-button:active {
			  transform: scale(0.95);
			}
			#home-button {
			  left: 20px;
			}
			#fullscreen-button {
			  left: 60px;
			}
			#container.playing #score, #container.resetting #score {
			  transform: translatey(0px) scale(1);
			}
			#container.playing #instructions {
			  opacity: 1;
			}
			#container.ready .game-ready #start-button {
			  opacity: 1;
			  transform: translatey(0);
			}
			#container.ended #score {
			  transform: translatey(6vh) scale(1.5);
			}
			#container.ended .game-over * {
			  opacity: 1;
			  transform: translatey(0);
			}
			#container.ended .game-over p {
			  transition-delay: 0.3s;
			}