@font-face {
  font-family: "Futura PT Bold";
  src: url('fonts/FuturaPTBold.woff') format('woff');
}

@font-face {
  font-family: "Futura PT Medium";
  src: url('fonts/FuturaPTMedium.woff') format('woff');
}

@font-face {
  font-family: "Futura PT Light";
  src: url('fonts/FuturaPTLight.woff') format('woff');
}

@font-face {
  font-family: "Futura PT Demi";
  src: url('fonts/FuturaPTDemi.woff') format('woff');
}

@font-face {
  font-family: "Futura PT Book";
  src: url('fonts/FuturaPTBook.woff') format('woff');
}

@font-face {
  font-family: "Bogen";
  src: url('fonts/boge.woff') format('woff');
}

p {
  display: inline;
  margin-block-start: 0;
  margin-block-end: 0;
}

div {
  overflow-y: none;
}

.home-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 417.8vw;
  background-color: #000000;
  overflow-y: scroll;
  overflow-x: hidden;
}

.home-page .background {
  position: inherit;
  top: -0.3vw;
  left: -6.8vw;
  width: 113.6vw;
  height: 266.4vw;
  background-color: #000000;
  background: transparent url('../assets/Background.png') 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  opacity: 1;
  background-size: cover;
}

.home-page .background2 {
  position: inherit;
  top: 265.3vw;
  left: 0.0vw;
  width: 100.0vw;
  height: 151.4vw;
  background-color: #000000;
  background: transparent url('../assets/background2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
  background-size: cover;
}

.home-page .best-p2e {
  position: inherit;
  top: 48.2vw;
  left: 74.0vw;
  width: 10.4vw;
  height: 5.7vw;
  background-color: #000000;
  background: transparent url('../assets/bestp2e.png') 0% 0% no-repeat padding-box;
  opacity: 1;
  background-size: contain;
}


.home-page .sep-line {
  position: inherit;
  top: 94.8vw;
  left: 16.2vw;
  width: 68.2vw;
  height: 1vw;
  background: transparent url('../assets/line1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
  background-size: contain;
}

.home-page .kart-model {
  position: inherit;
  top: -32.7vw;
  left: 0.0vw;
  width: 100.0vw;
  height: 168.5vw;
  overflow-y: hidden;
  background: transparent url('../assets/cart.png') 0% 0% no-repeat padding-box;
  background-size: contain;
  overflow: hidden;
}

.home-page .presents-text {
  position: inherit;
  top: 31.1vw;
  left: 42.3vw;
  width: 16.7vw;
  height: 1.1vw;
  font-family: "Futura PT Bold";
  font-size: 0.9vw;
  text-align: left;
  letter-spacing: 0.4vw;
  line-height: 5.4vw;
  color: #fff;
}

.home-page .report-in {
  position: inherit;
  top: 56.4vw;
  left: 40.7vw;
  width: 18.5vw;
  height: 3.1vw;
  font-family: "Bogen";
  font-size: 2.0vw;
  text-align: center;
  letter-spacing: 0.1vw;
  line-height: 5.4vw;
  color: #fff;
}

.home-page .roll-kall {
  position: inherit;
  top: 27.9vw;
  left: 24.1vw;
  width: 51.9vw;
  height: 35.1vw;
  overflow-y: hidden;
  background: transparent url('../assets/roll_kall.png') 0% 0% no-repeat padding-box;
  background-size: contain;
  overflow: hidden;
}


.home-page .game-cover {
  position: inherit;
  top: 108.6vw;
  left: 50.6vw;
  width: 49.4vw;
  height: 49.8vw;
  overflow-y: hidden;
  background: transparent url('../assets/game_cover.png') 0% 0% no-repeat padding-box;
  background-size: contain;
  overflow: hidden;
}

.home-page .count-down {
  position: inherit;
  top: 69.8vw;
  left: 34.5vw;
  width: 30.5vw;
  height: 4.4vw;
  font-family: "Futura PT Book";
  font-size: 3.5vw;
  text-align: center;
  letter-spacing: 1.4vw;
  line-height: 5.4vw;
  color: #9EFCFF;
}

.home-page .datetime-text {
  position: inherit;
  top: 74.5vw;
  left: 35.6vw;
  width: 2.9vw;
  height: 1.1vw;
  font-family: "Futura PT Book";
  font-size: 0.9vw;
  text-align: center;
  letter-spacing: 0.3vw;
  line-height: 5.4vw;
  color: #fff;
}

.home-page .datetime-text.hours {
  position: inherit;
  left: 43.4vw;
  width: 4.1vw;
}

.home-page .datetime-text.minutes {
  position: inherit;
  left: 52.1vw;
  width: 3.1vw;
}

.home-page .datetime-text.seconds {
  position: inherit;
  left: 61.0vw;
  width: 2.9vw;
}

.home-page .details-text {
  position: inherit;
  top: 87.4vw;
  height: 1.7vw;
  font-family: "Futura PT Bold";
  font-size: 1.3vw;
  text-align: center;
  letter-spacing: 0.0vw;
  line-height: 5.4vw;
  color: #fff;
}

.home-page .details-text .total-supply-text {
  position: inherit;
  left: 19.9vw;
  width: 10vw;
}

.home-page .details-text .mint-price-text {
  position: inherit;
  left: 46.4vw;
  width: 8.3vw;
}

.home-page .details-text .mint-date-text {
  position: inherit;
  left: 68.5vw;
  width: 14.2vw;
}

.home-page .total-supply {
  position: inherit;
  top: 80.3vw;
  left: 17.1vw;
  width: 15.6vw;
  height: 8.2vw;
  overflow-y: hidden;
  background: transparent url('../assets/999.png') 0% 0% no-repeat padding-box;
  background-size: contain;
  overflow: hidden;
}

.home-page .mint-price {
  position: inherit;
  top: 80.3vw;
  left: 39.7vw;
  width: 20.7vw;
  height: 8.2vw;
  overflow-y: hidden;
  background: transparent url('../assets/free.png') 0% 0% no-repeat padding-box;
  background-size: contain;
  overflow: hidden;
}

.home-page .mint-date {
  position: inherit;
  top: 80.3vw;
  left: 66.0vw;
  width: 17.7vw;
  height: 8.2vw;
  overflow-y: hidden;
  background: transparent url('../assets/12.12.png') 0% 0% no-repeat padding-box;
  background-size: contain;
  overflow: hidden;
}

.home-page .subheader {
  position: inherit;
  top: 97.4vw;
  left: 15.6vw;
  width: 27.3vw;
  height: 16.0vw;
  font-family: "Futura PT Medium";
  font-size: 5.1vw;
  text-align: Left;
  letter-spacing: 0.1vw;
  line-height: 4.8vw;
  color: #6AD3FF;
}

.home-page .body-text {
  position: inherit;
  top: 115.1vw;
  left: 15.6vw;
  width: 30.4vw;
  height: 23.3vw;
  font-family: "Futura PT Light";
  font-size: 1.1vw;
  text-align: Left;
  letter-spacing: 0.0vw;
  line-height: 1.8vw;
  color: #fff;
}

.home-page .lets-roll {
  position: inherit;
  top: 139.0vw;
  left: 15.7vw;
  width: 9.4vw;
  height: 2.7vw;
  font-family: "Futura PT Medium";
  font-size: 2.1vw;
  text-align: Left;
  letter-spacing: 0.1vw;
  line-height: 4.8vw;
  color: #6AD3FF;
}

.home-page .access-pass-info {
  position: inherit;
  top: 162.4vw;
  left: 15.6vw;
  width: 25.7vw;
  height: 10.7vw;
  font-family: "Futura PT Medium";
  font-size: 5.1vw;
  text-align: Left;
  letter-spacing: 0.1vw;
  line-height: 4.2vw;
  color: #fff;
}

.home-page .access-box {
  position: inherit;
  left: 15.5vw;
  width: 25.9vw;
  height: 12.7vw;
  overflow-y: hidden;
  background: transparent url('../assets/pass_box.png') 0% 0% no-repeat padding-box;
  background-size: contain;
  overflow: hidden;
}

.home-page .access-box.box1 {
  position: inherit;
  top: 175.8vw;
}

.home-page .access-box.box2 {
  position: inherit;
  top: 189.8vw;
}

.home-page .access-box.box3 {
  position: inherit;
  top: 203.8vw;
}

.home-page .pass-title {
  position: inherit;
  top: 180.4vw;
  left: 17.2vw;
  width: 22.6vw;
  height: 4.2vw;
  font-family: "Futura PT Medium";
  font-size: 3.2vw;
  text-align: Left;
  letter-spacing: 0.1vw;
  line-height: 4.2vw;
  color: #fff;
}

.home-page .pass-title.xp {
  position: inherit;
  top: 180.4vw;
}

.home-page .pass-title.kommunity {
  position: inherit;
  top: 194.3vw;
}

.home-page .pass-title.discord {
  position: inherit;
  top: 208.3vw;
}

.home-page .pass-quantity {
  position: inherit;
  left: 17.2vw;
  width: 2.4vw;
  height: 1.4vw;
  font-family: "Futura PT Medium";
  font-size: 1.1vw;
  text-align: Left;
  letter-spacing: 0.0vw;
  line-height: 4.2vw;
  color: #C2F3FF;
}

.home-page .pass-quantity.xp {
  position: inherit;
  top: 177.7vw;
}

.home-page .pass-quantity.kommunity {
  position: inherit;
  top: 191.7vw;
}

.home-page .pass-quantity.discord {
  position: inherit;
  top: 205.9vw;
}

.home-page .pass-text-info {
  position: inherit;
  top: 176.2vw;
  left: 48.6vw;
  width: 27.3vw;
  height: 68.5vw;
  font-family: "Futura PT Light";
  font-size: 1.0vw;
  text-align: Left;
  letter-spacing: 0.0vw;
  line-height: 1.4vw;
  color: #fff;
}

.home-page .bold-text {
  position: inherit;
  font-family: "Futura PT Bold";
}

.home-page .small-subheader {
  position: inherit;
  font-family: "Futura PT Medium";
  font-size: 1.6vw;
  line-height:2.1vw;
}

.home-page .medium-header {
  font-size: 3.5vw;
}


.home-page .how-to-promotional {
  position: inherit;
  top: 253.5vw;
  left: 15.5vw;
  width: 23.4vw;
  height: 13.4vw;
  font-family: "Futura PT Medium";
  font-size: 3.9vw;
  text-align: left;
  letter-spacing: 0.1vw;
  line-height: 4.2vw;
  color: #fff;
}

.home-page .how-to-promotional-text {
  position: inherit;
  top: 270.0vw;
  left: 15.6vw;
  width: 25.8vw;
  height: 18.2vw;
  font-family: "Futura PT Light";
  font-size: 0.9vw;
  text-align: left;
  letter-spacing: 0.0vw;
  line-height: 1.8vw;
  color: #fff;
}

.home-page .twitter-verified {
  position: inherit;
  width: 1.3vw;
  height: 1.3vw;
  background: transparent url('../assets/Twitter_Verified_Badge.png') 0% 0% no-repeat padding-box;
  background-size: cover;
}

.home-page .twitter-verified.brycent-verified {
  position: inherit;
  top: 263.3vw;
  left: 58vw;
}

.home-page .twitter-verified.spike-verified {
  position: inherit;
  top: 266.6vw;
  left: 76.3vw;
}

.home-page .twitter-verified.jonah-verified {
  position: inherit;
  top: 280.2vw;
  left: 75.3vw;
}

.home-page .twitter-verified.elon-verified {
  position: inherit;
  top: 288.2vw;
  left: 68.5vw;
}

.home-page .brycent {
  position: inherit;
  top: 254.6vw;
  left: 47.2vw;
  width: 9.5vw;
  height: 9.4vw;
  background: transparent url('../assets/brycent.png') 0% 0% no-repeat padding-box;
  background-size: cover;
  border-radius: 3.2vw;
  box-shadow: 0px 3px 99px #B2E3FF87;
}


.home-page .spike {
  position: inherit;
  top: 258.6vw;
  left: 63.4vw;
  width: 9.0vw;
  height: 9.0vw;
  background: transparent url('../assets/spike.png') 0% 0% no-repeat padding-box;
  background-size: cover;
  border-radius: 3.2vw;
  box-shadow: 0px 3px 99px #B2E3FF87;
}

.home-page .ready-player {
  position: inherit;
  top: 267.4vw;
  left: 50.3vw;
  width: 7.8vw;
  height: 7.8vw;
  background: transparent url('../assets/rpd.png') 0% 0% no-repeat padding-box;
  background-size: cover;
  border-radius: 3.2vw;
  box-shadow: 0px 3px 99px #B2E3FF87;
}

.home-page .jonah-blake {
  position: inherit;
  top: 271.8vw;
  left: 67.1vw;
  width: 9.2vw;
  height: 9.2vw;
  background: transparent url('../assets/jonah.png') 0% 0% no-repeat padding-box;
  background-size: cover;
  border-radius: 3.2vw;
  box-shadow: 0px 3px 99px #B2E3FF87;
}

.home-page .bored-elon {
  position: inherit;
  top: 280.4vw;
  left: 52.3vw;
  width: 9.0vw;
  height: 9.0vw;
  background: transparent url('../assets/boredelon.png') 0% 0% no-repeat padding-box;
  background-size: cover;
  border-radius: 2.8vw;
  box-shadow: 0px 3px 99px #B2E3FF87;
}


.home-page .influencer-handles {
  position: inherit;
  top: 263.1vw;
  left: 51.4vw;
  width: 6.6vw;
  height: 1.9vw;
  font-family: "Futura PT Medium";
  font-size: 1.5vw;
  text-align: left;
  letter-spacing: 0.0vw;
  line-height: 1.3vw;
  color: #fff;
}

.home-page .influencer-handles:hover {
  color: #6AD3FF;
}

.home-page .influencer-handles.brycent-handle {
  position: inherit;
  top: 263.1vw;
  left: 51.4vw;
  width: 6.6vw;
}

.home-page .influencer-handles.spike-handle {
  position: inherit;
  top: 266.4vw;
  left: 67.2vw;
  width: 6.6vw;
}

.home-page .influencer-handles.ready-player-handle {
  position: inherit;
  top: 275.8vw;
  left: 50.4vw;
  width: 6.6vw;
}

.home-page .influencer-handles.jonah-blake-handle {
  position: inherit;
  top: 280.1vw;
  left: 63.7vw;
}

.home-page .influencer-handles.bored-elon-handle {
  position: inherit;
  top: 288.2vw;
  left: 57.3vw;
}

.home-page .subheading3 {
  position: inherit;
  top: 308.0vw;
  left: 15.6vw;
  width: 12.4vw;
  height: 6.5vw;
  font-family: "Futura PT Medium";
  font-size: 5.1vw;
  text-align: left;
  letter-spacing: 0.1vw;
  line-height: 4.2vw;
  color: #fff;
}

.home-page .subheading4 {
  position: inherit;
  top: 317.3vw;
  width: 8.6vw;
  height: 7.8vw;
  font-family: "Futura PT Medium";
  font-size: 6.0vw;
  text-align: left;
  letter-spacing: 0.2vw;
  line-height: 4.8vw;
  color: #6AD3FF;
}

.home-page .subheading4.collectible {
  position: inherit;
  left: 38.2vw;
}

.home-page .subheading4.exclusive {
  position: inherit;
  left: 62.3vw;
  width: 10.6vw;
}

.home-page .flag-image {
  position: inherit;
  top: 317.3vw;
  left: 16.6vw;
  width: 4.8vw;
  height: 5.2vw;
  overflow-y: hidden;
  background: transparent url('../assets/flag.png') 0% 0% no-repeat padding-box;
  background-size: contain;
  overflow: hidden;
}

.home-page .foot-text {
  top: 325.9vw;
  width: 17.5vw;
  height: 21.4vw;
  font-family: "Futura PT Demi";
  font-size: 1.2vw;
  text-align: left;
  letter-spacing: 0.0vw;
  line-height: 1.6vw;
  color: #fff;
}

.home-page .foot-text.playable {
  position: inherit;
  left: 16.1vw;
}

.home-page .foot-text.collectible {
  position: inherit;
  left: 38.8vw;
}

.home-page .foot-text.exclusive {
  position: inherit;
  left: 62.6vw;
}

.home-page .divider-slash {
  position: inherit;
  left: 15.6vw;
  width: 68.3vw;
  height: 0.9vw;
  font-family: "Futura PT Medium";
  font-size: 0.7vw;
  text-align: Left;
  letter-spacing: 0.0vw;
  line-height: 4.2vw;
  color: #fff;
}

.home-page .divider-slash.slash3 {
  top: 157.1vw;
  position: inherit;
}

.home-page .divider-slash.slash2 {
  top: 245.2vw;
  position: inherit;
}

/* before Utility */
.home-page .divider-slash.slash4 {
  top: 296.5vw;
  position: inherit;
}

.home-page .divider-slash.slash5 {
  top: 380.7vw;
  position: inherit;
}

/* before LFR */
.home-page .divider-slash.slash6 {
  top: 349.0vw;
  position: inherit;
}

.home-page .footing-header {
  position: inherit;
  top: 357.9vw;
  left: 41.9vw;
  width: 16.2vw;
  height: 12.3vw;
  font-family: "Futura PT Medium";
  font-size: 9.6vw;
  text-align: left;
  letter-spacing: 0.2vw;
  line-height: 4.8vw;
  color: #6AD3FF;
}

.home-page .rights-reserved {
  position: inherit;
  top: 384.2vw;
  left: 15.6vw;
  width: 20.1vw;
  height: 1.4vw;
  font-family: "Futura PT Light";
  font-size: 1.1vw;
  text-align: left;
  letter-spacing: 0.0vw;
  line-height: 1.8vw;
  color: #fff;
}


.home-page .button-style {
  position: inherit;
  box-shadow: 0vw -0.4vw 5.2vw #95EAFF;
  border-radius: 2vw;
  font-family: "Futura PT Medium";
  width: 26.5vw;
  height: 4.0vw;
  font-family: "Futura PT Medium";
  font-size: 1.2vw;
  text-align: center;
  letter-spacing: 0.3vw;
  line-height: 2.2vw;
  background-color: #100521;
  padding: 0;
  color: #F2F2F2;
  border: none;
}


.home-page .button-style.discord {
  position: inherit;
  top: 367.8vw;
  left: 35.7vw;
}

.home-page .button-style.discord:hover {
  color: #6AD3FF;
}

.home-page .button-style.minting {
  position: inherit;
  top: 62.7vw;
  left: 35.3vw;
}

.home-page .button-style.discord1 {
  position: inherit;
  top: 147.4vw;
  left: 15.6vw;
}

.home-page .button-style.discord1:hover {
  color: #6AD3FF;
}