html {
  height: 100%
}

body {
  margin: 0;
  min-height: 100%;
  background-color: #171719;
  background-size: 100% 100%;
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.contain {
  display:block;
  width:100%; height:100%;
  object-fit: contain;
}

.stretch {
  display:block;
  width:100%; height:100%;
}

.bottom-image {
    position: absolute; /* Position relative to the .container */
    bottom: 40px; /* 40px from the bottom */
    width: 210px; /* Fixed width */
    height: auto; /* Maintain aspect ratio */
    left: 50%; /* Start from the horizontal center */
    transform: translateX(-50%); /* Adjust to truly center the image */
}
@font-face { font-family: Lexend; src: url('../assets/assets/fonts/Lexend-Regular.ttf') format('truetype'); font-weight: 400; }
.aok-boot { text-align: center; color: #eeeae4; font-family: Lexend, sans-serif; }
.aok-boot img { width: 112px; height: 64px; }
.aok-boot p { font-size: 24px; margin: 12px 0; }
.aok-boot small, .aok-credit { color: #bdb7b4; font-family: Lexend, sans-serif; font-size: 12px; }
.aok-credit { width: auto; white-space: nowrap; text-align: center; }