@font-face {
    font-family: CoopBlack;
    src: url(../fonts/CoopBlack.otf);
  }
@font-face {
    font-family: FuturaStd-Medium;
    src: url(../fonts/FuturaStd-Medium.otf);
  }
@font-face {
    font-family: IsidoraSans-Black;
    src: url(../fonts/IsidoraSans-Black.otf);
  }

  a {
    color: inherit; /* blue colors for links too */
    text-decoration: inherit; /* no underline */
  }

body{
    background-color: #000000;
}


.main-background{
    background-color: #000000;
    color: #fff;
}
.green-background{
    background-color: #196e68;
    color: #f2f096;
}

.title-div{
    padding: 20px;
    padding-left: 50px;
    padding-right: 50px;
}

.title-font-yellow{
    font-family: 'CoopBlack';
    color: #f2f096;
    font-size: 2em;
    font-weight: bold;
}
.title-font-green{
    font-family: 'CoopBlack';
    color: #196e68;
    font-size: 2.5em;
    font-weight: bold;
}
.subtitle-font-yellow{
    font-family: 'IsidoraSans-Black';
    color: #f2f096;
    font-size: 2em;
    font-weight: bold;
}

.subtitle-font-green{
    font-family: 'IsidoraSans-Black';
    color: #196e68;
    font-size: 2em;
    font-weight: bold;
}
.nft-text{
    font-family: 'FuturaStd-Medium';
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
}
.register-text{
    font-family: 'FuturaStd-Medium';
    color: #f2f096;
    font-size: 1.4em;
    font-weight: 600;
    margin-right: 1em;
}
.history-title{
    font-family: 'IsidoraSans-Black';
    color: #f2f096;
    font-size: 2em;
}
.history-body-txt{
    font-family: 'FuturaStd-Medium';
    color: #fff;
    font-size: 1.2em;
}
.nav-text{
    font-family: 'FuturaStd-Medium';
    color: #fbf9d1;
    font-size: 1em;
    font-weight: 700;
    text-align: end;
}


.roadmap-title{
    font-family: 'IsidoraSans-Black';
    color: #f2f096;
    font-size: 1.5em;
    font-weight: bold;
}
.roadmap-body-txt{
    font-family: 'FuturaStd-Medium';
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
}
.copy-title{
    font-family: 'FuturaStd-Medium';
    color: #f2f096;
    font-size: 1em;
}

.faq-txt{
    /* font-family: 'IsidoraSans-Black'; */
    font-family: 'FuturaStd-Medium';
    color: #ffff;
    font-size: 1.5em;
    
}


.first-img{
    width: 80%;
    padding-left: 50px;
    padding-right: 50px;
}

.language-img{
    width: 40px;
    padding-right: 0px;
}

.yellow-line{
    background-color: #f2f096;
    height: 10px;
}

.green-line{
    background-color: #155c4e;
    height: 2px;
    margin-left: 50px;
    margin-right: 50px;
}

.email-input{
    background-color: #000000;
    color: #f2f096;
}

::placeholder {
    color: #f2f096;
    font-style: italic;
    font-family: 'FuturaStd-Medium';
    font-weight: 100;
  }

.roadmap-container{
    margin-left: 50px;
}

.team-img{
    width: 50%;
    border-radius: 50%;
    margin: 10px;
    border:10px solid #196e68;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
}


/*Floating Back-To-Top Button*/
#myBtn {
    position: fixed;
    bottom: 50px;
    right: 80px;
    float: right;
    max-width: 35px;
    width: 100%;
    font-size: 20px;
    border-color: rgba(85, 85, 85, 0.2);
    background-color: rgb(72 72 72 / 67%);
    padding: .5px;
    border-radius: 4px;
}
/*On Hover Color Change*/
#myBtn:hover {
    background-color: #7dbbf1;
}


.accordion-item{
    background-color: #000000;
}
.accordion-button{
    background-color: #000000;
    color: #fff;
    font-family: 'IsidoraSans-Black';
    font-size: 0.8em !important;
    font-weight: bold;
}

.accordion-body {
    /* font-family: 'IsidoraSans-Black';
    font-size: 1em; */
    font-family: 'FuturaStd-Medium';
    color: #ffff;
    font-size: 1em;
}
.accordion-button:focus{
    background-color: #4f4f4f;
    color: #fff;
    font-size: 0.8em !important;
}


.accordion-button:not(.collapsed) {
    background-color: #4f4f4f;
    color: #fff;
    font-size: 0.8em !important;
}

.accordion-button:focus {
    font-size: 0.8em !important;
    z-index: 0;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0.0rem rgb(13 110 253 / 100%);
}


.center-block {
    /* display: table;  Instead of display:block */
    margin-left: auto;
    margin-right: auto;
}

.thankyou-title{
    font-family: 'IsidoraSans-Black';
    color: #f2f096;
    font-size: 2.0em;
    font-weight: bold;
}

@media (min-width : 500px) {
    .team-right-person{
        margin-left: -10%;
    }
}

@media (min-width : 500px) {
    .team-left-person{
        margin-left: 10%;
    }
}

@media (max-width : 500px) {
    .first-img{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .history-body-txt{
        font-family: 'FuturaStd-Medium';
        color: #fff;
        font-size: 1.2em;
    }

    .history-img{
        padding-top: 20px;
    }
    .roadmap-container{
        margin-left: 0px;
    }
    .nav-text{
        font-family: 'FuturaStd-Medium';
        color: #fbf9d1;
        font-size: 1em;
        font-weight: 700;
        text-align: center;
    }
}