:root {
  --red: #e60012;
}

html,
body {
  background: var(--red);
}

body {
  margin: 0;
}

#wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6vh 7vw;
}

img {
  width: 100%;
}

#logo {
  width: 100%;
  max-width: 600px;
  margin-bottom: 32px;
}

#para {
  font-family: "Press Start 2P", sans-serif;
  max-width: 800px;
  text-wrap: balance;
  font-weight: bold;
  font-size: clamp(14px, 2.5vw, 20px);
  line-height: 150%;
  text-align: center;
  color: white;
}

#bottom-left,
#bottom-right {
  position: fixed;
  display: none;
}

@media (max-width: 768px) {
  #bottom-left,
  #bottom-right {
    display: block;
  }

  #bottom-left {
    inset: auto auto -4vw -1vw;
    width: 45vw;
    max-width: 400px;
  }

  #bottom-right {
    inset: auto -6vw 2vw auto;
    width: 55vw;
    max-width: 300px;
  }
}