:root {
  --black: #141414;
  --black-light: #2B2B2B;
  --gray: #626262;
  --primary: #FFC727;
  --white: #FFFFFF;
}

* {
  box-sizing: border-box;
}

body {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  width: 100svw;
  height: 100svh;
  background-color: var(--black);
  overflow: hidden;
  padding: 4.63vh 0 2.78vh;
}

.logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: 6.48vh;
  margin: 0;
}

.logo img {
  width: inherit;
  max-width: inherit;
  height: inherit;
  margin: 0;
}

.main {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding: 4.63vh 0;
}

.illustration {
  width: auto;
  max-width: 100%;
  height: 38.6vh;
  margin-bottom: 6.48vh;
}

.illustration img {
  width: inherit;
  max-width: inherit;
  height: inherit;
  margin: 0;
}

.title {
  display: block;
  color: var(--white);
  font-size: 4.26vh;
  font-weight: 800;
  text-align: center;
  margin: 0 0 2.32vh;
}

.subtitle {
  display: block;
  color: var(--white);
  opacity: 0.6;
  font-size: 2.22vh;
  font-weight: 500;
  text-align: center;
  margin: 0;
}

.copyright {
  display: block;
  text-align: center;
  color: var(--gray);
  font-size: 1.019vh;
  font-weight: 600;
  margin: 0;
}