.baby {
  animation: flutuar 2s ease-in-out infinite;
}

@keyframes flutuar {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
}

html, body {
  height: 100%;
  overflow: hidden;
}
.dots {
  position: fixed;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 10;
}
.dots button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.6);
  background: transparent;
  cursor: pointer;
  padding: 0;
  transition: background .25s, transform .25s;
}
.dots button.active {
  background: #fff;
  transform: scale(1.3);
}
.scroll-dots {
  position: fixed;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 100;
}

.scroll-dots__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.6);
  background: transparent;
  cursor: pointer;
  padding: 0;
  transition: background 0.25s, transform 0.25s;
}

.scroll-dots__dot:hover {
  border-color: #fff;
}

.scroll-dots__dot.is-active {
  background: #fff;
  transform: scale(1.3);
}

#game .game-text {
	height: 70% !important;
}
#unity-container {/*
	position: absolute;
	z-index: 1;
	bottom: 5%;
	width: 100%;
	height: 100%;
	display: grid;
	justify-content: center;
	align-content: end;*/
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: grid;
	justify-content: center;
	align-content: center;
	left: 5%;
}

#game #unity-container #unity-canvas {/*
	width: 600px !important;
	height: 600px !important;*/
	width: auto !important;
  	height: 90dvh !important;
}
#unity-container.unity-mobile {
	bottom: 0;
	align-content: center;
	padding: 0;
	left: 0;
}
#game #unity-container.unity-mobile #unity-canvas {
	width: 100% !important;
	height: auto !important;
}

.footer-links {
	color: #fff;
	text-shadow: 0px 0px 1px #fff;
}
@media (width <= 64rem) {
	.footer-links {
		font-size: 13px;
		display: grid;
    	gap: 8px;
	}
}
