body {
    background-color: #f49ab6;
    font-family: shadows into light;
    color: #ffffff;
    background-image: url("./image/fofar_bg.png");
    background-repeat: repeat;
    word-wrap: break-word;
    margin-top: -75px;
}
.neon-text {
    color: #fff;
    text-shadow:
      0 0 7px #ffffff,
      0 0 10px #ffffff,
      0 0 21px #00dff3,
      0 0 42px #00dff3,
      0 0 82px #00dff3,
      0 0 92px #00dff3,
      0 0 102px #00dff3;
  }


h2 {
    font-size: 4rem;
}
h3 {
    font-size: 3rem;
}

.lead {
    font-size: 1.5rem;
}

.comic {
    margin-left: auto;
    margin-right: auto;
}
.display-5 {
    font-size: calc(4rem + 2.1vw);
}

.fofar {
    max-width: 300px;
}

.socials-logo {
    max-width: 35px;
}

.whos-fofar{
    background-color: #00dff3;
    box-shadow: 0 -5px 5px -5px #000, 0 5px 5px -5px #000;
}

.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #00dff3;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-border-color: #ffffff;
    --bs-btn-hover-border-color: #00dff3;
    --bs-btn-hover-color: #00dff3;
    --bs-btn-border-radius: 0px;
    --bs-btn-border-width: 3px;
    --bs-btn-active-bg: #00dff3;
    --bs-btn-active-border-color: #ffffff;
}

.btn-outline-secondary {
    --bs-btn-color: #00dff3;
    --bs-btn-bg: #ffffff;
    --bs-btn-hover-bg: #00dff3;
    --bs-btn-border-color: #00dff3;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-border-radius: 0px;
    --bs-btn-border-width: 3px;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #00dff3;
}

.tokenomics {
    text-align: center;
    font-size: 1.5rem;
}

.token-info {
    margin-left: auto;
    margin-right: auto;
}

.token {
    background-color: #00dff3;
    border-color: #ffffff;
    color: #ffffff;
    text-align: center;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    border-width: 5px;
    border-style:dotted;
    border-radius: 25px;
}

.fofar-nav{
    max-height: 35px;
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 10px;
}
.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
  }

.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

.bg-dark {
    background-color: #00dff3!important;
}

.nav-link{
    color: #ffffff;
}

.navbar {
    border-top: solid 1px white;
}