@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
html {
  scroll-behavior: smooth;
}
body {
  font-family: 'Archivo Black', sans-serif;
  font-size:20pt;
  background:url("../img/8yg_pagebg.png");
  background-size:cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
  }
header {
  background:url("../img/8yg_header.png");
  background-position: center center;
  height:180px;
  z-index:1;
  text-align: center;
  background-repeat: no-repeat;
}
header img {
  max-width:260px;
  margin-top:100px;
  margin-bottom:100px;

}

.nav {
  margin-top:10px;
}
.nav img {
    max-width:260px;
    margin-top:-100px;
}
.nav a {
  color:#fff;
  font-size:12pt;
  text-transform:uppercase;
  -webkit-transition: background 0.2s 0s ease-in-out;
  -moz-transition: background 0.2s 0s ease-in-out;
  -o-transition: background 0.2s 0s ease-in-out;
  transition: background 0.2s 0s ease-in-out;

}

.nav a:hover {
  background: rgb(215,71,46);
  background: linear-gradient(180deg, rgba(215,71,46,1) 0%, rgba(142,55,36,1) 100%);
  color:#fff;
  text-decoration: none;
}

.nav a span {
  color:#f1e77c;
}

.nav a {
  float:left;
  width:100%;
  height:45px;
  line-height:45px;
  background: rgb(100,52,73);
  background: linear-gradient(180deg, rgba(100,52,73,1) 0%, rgba(110,54,79,1) 50%, rgba(91,39,61,1) 100%);
  text-align:center;
  text-decoration: none;-webkit-transition: background 0.2s 0s ease-in-out;
-moz-transition: background 0.2s 0s ease-in-out;
-o-transition: background 0.2s 0s ease-in-out;
transition: background 0.2s 0s ease-in-out;
font-size:1rem;
}

.intro {
  color:#fff;
  font-size:14pt;
  text-align: center;
  margin:0px 5rem;
}
.system img {
  max-width:75%;
}
section h1 {
  font-size:1rem;
  color:#fff;
  line-height:1rem;
  text-transform: uppercase;
  text-align:center;
  letter-spacing: .3rem;
  min-height:3rem;
  padding:3rem;
  margin:0px;
}

.roadmap, .faqs {
  color:#fff;
  font-size:1.5rem;
}

.faqs h2 {
    color:#f1e77c;
    font-size:1.4rem;

}
.rarity h1 {
  font-size:1.5rem;
  line-height:1.5rem;
}

.text {
  font-size:1.2rem;
  color:#fff;
  padding:2rem
}
.bgblack {
  background:rgba(0,0,0,0.3);
}
.verticalline {
  height:100%;
  width:3px;
  background-color:#fff;
}
.team {
color:#fff;
}
.team .rounded {
  border-radius: 75px!important;
  max-height:150px;
  max-width:150px;
  border:5px solid #f1e77c;
}

.nick {
  color:#f1e77c;
  letter-spacing:.5rem;
  font-size:1.5rem;
}

.role {
  font-size:1.2rem;
}

.desc {
  font-size:0.8rem;
}
.copyright {
  font-size:.5rem;
  color:#d6d6d6
}
.logo_w {
  max-width:100px;
}
.icp {
    max-width:50px;
    margin:0 1rem;
}