.starcrazylogo {
  width: 95%;
}

#starcrazy-body {
  background: linear-gradient(0deg, #70093A 0%, #870D46 8.33%, #C61765 20.39%, #7373A5 31.07%, #19B1C6 38.83%, #1C9FBB 49.11%, #2F4485 67.34%, #3B0760 79.85%, #1D0231 98.46%) !important;
}

img.img-fluid.starcrazy-hero {}

.playnow-btn-starcrazy {
  background: #E21655;
  font-size: 25px;
  color: #fff;
  border-radius: 50px;
  border: 2px solid;
  width: 217px;
  padding: 10px;
  font-family: "", Courier;
  display: block;
  margin: 0 auto;
}

.starcrazy-earth {
  position: absolute;
  left: -23%;
  width: 40%;
}

.starcrazy-hero-star {
  position: absolute;
  left: 50%;
  width: 16%;
}

.meetTheStars .lead {
  max-width: 780px;
  margin: 0 auto;
  font-size: 18px;
}

.playnow-btn-games {
  background: #E21655;
  font-size: 30px;
  color: #fff;
  border-radius: 50px;
  border: 2px solid;
  width: 217px;
  padding: 10px;
  font-family: "", Courier;
}

.meetTheStars {
  padding: 20px;
  display: inline-block;
}

.meetTheStars h1,
.gameplay h1 {
  font-size: 58px;
  color: #FFC609;
  font-family: "", Courier;
}

.meetTheStars h5 {
  font-size: 26px;
  color: #FFC609;
  font-family: "", Courier;

}

.meetTheStars-moon {
  position: absolute;
  right: 10%;
  width: 13%;
}

.meetTheStars-ufo {
  position: absolute;
  left: 5%;
  width: 31%;
  bottom: -31%;
}

.download-now img {
  width: 70%;
}

.gameplay-hero-planet {
  position: absolute;
  right: 3%;
  width: 16%;
  transform: scaleX(-1);
}

.gameplay-rocket-silver {
  position: relative;
  right: 58%;
  margin-top: -15%;
  width: 30%;
  transform: scaleX(-1);
}

.gample-features .card {
  border: 6px solid #FFC60A;
  border-radius: 29px;
  padding: 1%;
  background-color: rgba(0, 0, 0, 0.4);
  min-height: 370px;
  max-height: 370px;
}

.gample-features .card-body {
  padding-top: 12%;
}

h1 {
  font-weight: bolder !important;
}

.leader-btn {
  background: #8B0ED9;
  font-size: 25px;
  color: #fff;
  border-radius: 50px;
  border: 2px solid;
  width: 250px;
  padding: 10px;
  font-family: "", Courier;
  display: block;
  margin: 0 auto;
}

.ranking h5 {
  font-size: 26px;
  color: #FFC609;
  font-family: "", Courier;
}

.nav-tabs {
  border-bottom: 0px !important;
}

.ranking .nav-tabs .nav-item.show .nav-link,
.ranking .nav-tabs .nav-link.active {
  color: #495057;
  background-color: transparent !important;
  border-color: unset !important;
}

.nav-tabs .nav-link {
  border: 0px solid transparent;
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: transparent !important
}

.nav a {
  color: #fff !important;
}

.nav {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  list-style: none;
  justify-content: center;
}

.ranking .nav li {
  font-size: 26px;
  color: #fff !important;
  font-family: "", Courier;
}

.ranking-top {
  max-width: calc(100% - 30%);
}

.entry {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background-color: #9c27b0;
  color: white;
  padding: 8px 20px;
  margin: 10px 0;
  border-radius: 25px;
  position: relative;
}

i.bi.bi-star-fill {
  font-size: 23px;
  color: #f9e76c;
  padding-right: 10px;
  position: relative;
  top: -6px;
}

.ranking .nav-tabs .nav-link.active {
  color: #9c27b0 !important;
}

.tokenomics-charts {

  border: 6px solid #FFC60A;
  border-radius: 29px;
  padding: 4%;
  background-color: rgba(0, 0, 0, 0.4);

}

.tokenomics h5 {
  font-size: 26px;
  color: #FFC609;
  font-family: "", Courier;
}

.tokenomics h1 {
  font-size: 58px;
  color: #FFC609;
  font-family: "", Courier;
}

.tokenomics p {
  max-width: 780px;
  margin: 0 auto;
  font-size: 18px;
}

.gft .single-winner .content .numbers span:first-child {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  font-size: 10px;
  background-color: #9a13d2;
  font-weight: 600;
  margin-right: 5px;
  color: #fff;
  border-radius: 49px;
}

.single-winner .content .numbers span:nth-child(3) {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  font-size: 10px;
  background-color: #1260af;
  font-weight: 600;
  margin-right: 5px;
  color: #fff;
  border-radius: 49px;
}

.single-winner .content .numbers span:nth-child(5) {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  font-size: 10px;
  background-color: #58a1eb;
  font-weight: 600;
  margin-right: 5px;
  color: #fff;
  border-radius: 49px;
}

.single-winner .content .numbers span:nth-child(2) {
  position: relative;
  top: -8px;
  margin-right: 10px;
}

.single-winner .content .numbers span:nth-child(4) {
  position: relative;
  top: -8px;
  margin-right: 10px;
}


.single-winner .content .numbers span:nth-child(6) {
  position: relative;
  top: -8px;
  margin-right: 10px;
}

.audit-report h1 {
  font-size: 58px;
  color: #FFC609;
  font-family: "", Courier;
}

.audit-report p {
  max-width: 780px;
  margin: 0 auto;
  font-size: 18px;
}

.audit-report-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 72vh;
}


.roadmap p {
  max-width: 780px;
  margin: 0 auto;
  font-size: 18px;
}

.roadmap-wrapper {
  border: 6px solid #FFC60A;
  border-radius: 29px;
  padding: 4%;
  background-color: rgba(0, 0, 0, 0.4);
}

.roadmap h1 {
  font-size: 58px;
  color: #FFC609;
  font-family: "", Courier;
}


.card.border-0.wow.fadeInUp {
  border-radius: 51px;
  margin: 20px;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);
}

.faq h1 {
  font-size: 58px;
  color: #FFC609;
  font-family: "", Courier;
}

.faq h6 {
  font-size: 30px;
  color: #335BAA;
  font-family: "", Courier;
}

.partners h1 {
  font-size: 58px;
  color: #FFC609;
  font-family: "", Courier;
}

.partners p {
  max-width: 780px;
  margin: 0 auto;
  font-size: 18px;
}


.css-mkn897 {
  height: max-content !important;
}

.css-vwturt {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0px;
}

.css-vwturt {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0px;
}

.css-2gcfjn {
  margin-bottom: 5%;
  height: 110px;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  background: url(/images/partner_1.png) 100% 0px / 250% 100% repeat-x;
  animation: 90s linear 0s infinite normal none running awardLine1;
}

.css-16au2so {
  height: 110px;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  background: url(/images/partner_2.png) 100% 0px / 240% 100% repeat-x;
  animation: 90s linear 0s infinite normal none running awardLine2;
}

@keyframes awardLine1 {
  0% {
    background-position-x: 200%
  }

  100% {
    background-position-x: 0%
  }
}

@keyframes awardLine2 {
  0% {
    background-position-x: 0%
  }

  100% {
    background-position-x: 200%
  }
}

.faq .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  margin: 0 auto;
  font-size: 18px;
  color: #335BAA !important;
}



@media (max-width: 480px) {

  .ranking-top {
    max-width: 100% !important;
    padding: unset !important;
  }

  .css-2gcfjn {
    background: url(/images/partner_1.png) 100% 0px / 400% 100% repeat-x;
    animation: 90s linear 0s infinite normal none running awardLine1 !important;
  }

  .css-16au2so {
    background: url(/images/partner_2.png) 100% 0px / 400% 100% repeat-x;
    animation: 90s linear 0s infinite normal none running awardLine2 !important;
  } 

}

@media (max-width: 981px) {

  .ranking-top {
    max-width: 100% !important;
    padding: unset !important;
  }

  .ranking img {
    width: 13%;
  }

  .faq h6 {
    font-size: 13px !important;
  }

  .audit-report-left {
    display: block !important;
    height: unset !important;
    margin-bottom: 50px;
    ;
  }

  .partners-main,
  faq-main {
    margin-top: 0px !important;
    padding-top: 0px !important;
  }

  .gft {
    padding-bottom: 38px;
  }

  .leader-btn {
    font-size: 22px !important;

    width: 214px !important;
  }

  .ranking h5 {
    font-size: 14px !important;

  }

  .ranking .nav li {
    font-size: 16px !important;
  }

  .entry {
    padding: unset !important;
  }

  .stars {
    display: none !important;

  }

  .entry h6 {
    display: none !important;
  }
}