@font-face {
  font-family: 'MullerNextExtraCond';
  src: url('../fonts/MullerNextXCn-Bold.woff2') format('woff2'),
      url('../fonts/MullerNextXCn-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

* {
  transition: all 0.25s linear;
}

body {
  margin: 0;
  position: fixed;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background-color: #009EE3;
  color: black;
  font-family: 'MullerNextExtraCond', sans-serif;
}

#erMessage {
  text-align: center;
}

#erMessage,
#okMessage {
  width: 60vw;
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#erMessage {
  display: none;
}

#okMessage a {
  display: block;
  width: fit-content;
  margin: auto;
}

#video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vh;
  height: 100dvh;
  height: 100vh;
  object-fit: cover;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

#erMessage .ico img {
  height: 25vh;
}

#iframeHolder {
  display: none;
  position: relative;
  height: 100%;
  width: 100%
}

#animation {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#figure {
  position: absolute;
  display: none;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 331 588'%3E%3Cmask id='a' width='331' height='588' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h331v588H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cmask id='b' width='197' height='598' x='67' y='12' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23000' d='M240.354 118.146c-.025 0-140.176-.052-150.159-.052h-.073c-12.748 0-23.159 11.24-23.122 24.794l.502 153.554c.049 13.527 10.374 24.742 23.073 24.742h.085c7.17 0 13.58-3.795 17.788-9.304l9.127 149.461c.807 13.345 11.255 23.403 23.868 23.403h47.565c12.577 0 23.012-10.174 23.844-23.533l9.065-149.734c4.233 5.808 10.619 9.72 17.825 9.72h.086c12.698 0 23.024-11.435 23.097-24.846l.477-153.321c.025-13.397-10.301-24.884-23.048-24.884Z'/%3E%3Crect width='177.642' height='144.114' x='76.092' y='465.886' fill='%23000' rx='38'/%3E%3Cpath fill='%23000' d='M164.563 127.143c29.935 0 54.202-25.776 54.202-57.572 0-31.795-24.267-57.571-54.202-57.571s-54.202 25.776-54.202 57.571c0 31.796 24.267 57.572 54.202 57.572Z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3CforeignObject width='379' height='654' x='-22' y='-42'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' clip-path='url(%23c)' style='backdrop-filter:blur(1px);height:100%25;width:100%25'/%3E%3C/foreignObject%3E%3Cpath fill='%23003D7F' fill-opacity='.5' d='M-20-40h375v650H-20z' data-figma-bg-blur-radius='2'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='c' transform='translate(22 42)'%3E%3Cpath d='M-20-40h375v650H-20z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 50vh auto;
  background-position: bottom center;
  background-repeat: no-repeat;
}
#figure p {
  text-align: center;
  color: white;
}

#figure .text {
  position: absolute;
  bottom: 6vh;
  width: 100%;
}

#menu {
  height: 100%;
  width: 100%;
  position: absolute;
}

#menu .column {
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

#menu .column p {
  margin: 0;
  color: #0853C9;;
}

#menu .column .btn {
  margin: 0;
}

.visible {
  opacity: 1 !important;
}

#loader {
  width: 118px;
  height: 118px;
  position: absolute;
  top: calc(50% - 59px);
  left: calc(50% - 59px);
  transform: translate(-50%, -50%);
  color: #FF3D00;
  animation: rotating 5s linear infinite;
  display: none;
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

p {
 font-size: 10vw;
 margin-bottom: 0;
}

#erMessage p {
  font-size: min(10vw, 40px);
}

ul {
  font-size: 6vw;
  margin: 0 0 40px;
}

.btn {
  padding: 2vw 5vw;
  font-size: 8vw;
  letter-spacing: 0.5vw;
  border: 1vw solid #0853C9;
  width: max-content;
  background-color: white;
  color: #0853C9;
  margin: auto;
  font-weight: bold;
  z-index: 2;
  cursor: pointer;
  text-decoration: none;
}