@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap");

* {
  font-family: "Comfortaa", sans-serif;
  box-sizing: border-box;
}

html {
  height: 100%;
    overflow-x: hidden;
}

body {
  height: 100%;
    overflow-x: hidden;
  margin: 0;
  padding: 0;

  background: #090e15;
  color: white;
}

button {
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

h1, h2, h3 {
  margin: 0;
}

.container {
  display: flex;
  max-width: 100%;
  z-index: 1;
}

.page {
  height: 100%;
  display: none;
}

.page.active {
  display: flex;
    flex-direction: column;
  animation: page-enter 0.3s ease-out forwards;
}

@keyframes page-enter {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.hidden {
    display: none !important;
}

.ripple-btn {
    overflow: hidden;
}