* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  background: #15110d;
  overflow: hidden;
}

body {
  font-family: Georgia, "Times New Roman", serif;
}

.entrance_screen {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #15110d;
}

.entrance_frame {
  position: relative;
  width: min(100vw, 66.6667vh);
  aspect-ratio: 2 / 3;
  max-height: 100vh;
}

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

.hotspot {
  position: absolute;
  display: block;
  background: transparent;
  cursor: pointer;
  z-index: 20;
}

.signin_hotspot {
  left: 1%;
  top: 51%;
  width: 15%;
  height: 16%;
}

.membership_hotspot {
  right: 1%;
  top: 51%;
  width: 15%;
  height: 16%;
}

.hotspot:focus-visible {
  outline: 3px solid #d5ad62;
  outline-offset: 2px;
}