.body-splash {
    width: 100vw;
    height: 100vh;
    margin: 0;
    background: black;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'NBInternationalPro-Light','Roboto', Helvetica;
}

.body-main {
    width: 100vw;
    height:100vh;
    overflow-x: hidden;
    margin: 0;
    background: black;
    font-family: 'NBInternationalPro-Light','Roboto', Helvetica;
    overflow-x:hidden;
    scrollbar-color:grey transparent;
}

.body-main::-webkit-scrollbar-track { 
    display:none;
}

.body-main::-webkit-scrollbar-thumb { 
    background:#272727;
    border-radius:10px;
}

#__next {
    width:100%;
    height:100%;
    font-family: 'NBInternationalPro-Light','Roboto', Helvetica;
}

.base_button {
    background:url('images/global/sr_button_active.png') no-repeat;
    background-size:350px;
    cursor:pointer;
    border:none;
    width:350px;
    height:95px;
    text-align:center;
}

.base_button:active {
    background-color: transparent;
}

.button_medium_active {
    background:url('images/global/sr_button_active.png') no-repeat;
    background-size:99%;
    width:99%;
    height:95px;
}

.button_medium_inactive {
    background:url('images/global/sr_button_inactive.png') no-repeat;
    background-size:100%;
    width:100%;
    height:95px;
    color:black;
}

.button-text {
    font-size: 24px;
    font-weight:900;
    text-align: center;
    vertical-align: middle;
    line-height: 65px;
    font-family: 'EurostyleExt','Roboto', Helvetica;
}

.base_card {
    background:url('images/NFT/SR_NFT_regular.png') no-repeat;
    background-size:200px;
    width: 200px;
    height: 275px;
}

.card_regular {
    background:url('images/NFT/SR_NFT_regular.png') no-repeat;
    background-size:150px;
    width: 150px;
    height: 210px;
}
.card_gold {
    background:url('images/NFT/SR_NFT_gold.png') no-repeat;
    background-size:150px;
    width: 150px;
    height: 210px;
}
.card_diamond {
    background:url('images/NFT/SR_NFT_diamond.png') no-repeat;
    background-size:150px;
    width: 150px;
    height: 210px;
}
.card_platinum {
    background:url('images/NFT/SR_NFT_platinum.png') no-repeat;
    background-size:150px;
    width: 150px;
    height: 210px;
}
.card_signature {
    background:url('images/NFT/SR_NFT_signature.png') no-repeat;
    background-size:150px;
    width: 150px;
    height: 210px;
}

.leaderboardrow {
    font-size:18px;
    width:100%;
    margin-bottom:10px;
    padding:5px 10px;
    border:1px solid white;
    position:relative;
}

.leaderboardimg {
    position:absolute;
    right:0px;
    top:0px;
}

@font-face {
    font-family: 'EurostileExt';
    src:  url('fonts/eurostyle/EurostileExt-Med.woff2') format('woff2'),
            url('fonts/eurostyle/EurostileExt-Med.woff') format('woff');
}

@font-face {
    font-family: 'NBInternationalPro-Light';
    src:  url('fonts/nb-international-pro-light/NBInternationalPro-Lig.woff2') format('woff2'),
            url('fonts/nb-international-pro-light/NBInternationalPro-Lig.woff') format('woff');
}
@font-face {
    font-family: 'NBInternationalPro-Mono';
    src:  url('fonts/nb-international-pro-mono/NBInternationalPro-Mono.woff2') format('woff2'),
            url('fonts/nb-international-pro-mono/NBInternationalPro-Mono.woff') format('woff');
}

.headline-text {
    font-family:'EurostileExt','Helvetica','Arial';
}

.subheadline-text {
    font-family:'NBInternationalPro-Light','Helvetica','Arial';
}

.subheadline-text-mono {
    font-family:'NBInternationalPro-Mono','Helvetica','Arial';
}

.csr-button-white {
    color:white;
}

.csr-button-white:hover {
    color:#FF0000;
}

.csr-button-black {
    color:black;
}

.csr-button-black:hover {
    color:#FF0000;
}

.csr-red-text {
    color: #FF0000;
}

.exr-dark-red-text {
    color:#530103;
}

.csr-red-bg {
    background-color: #FF0000;
}

.csr-grey-text {
    color: #ADABAE;
}

.csr-grey-bg {
    background-color: #ADABAE;
}

.sr-pink-text {
    color: #FE297D;
}
.light-blue-text {
    color: #B1DDFE;
}
.signature-text {
    color:#FE297D;
}
.diamond-text {
    color:#54CAFF;
}
.platinum-text {
    color: #9CD8EA;
}
.gold-text {
    color: #FDCF39;
}
.grey-text {
    color: #D8CDC1;
}

.sr-pink-bg {
    background-color: #FE297D;
}
.light-blue-bg {
    background-color: #B1DDFE !important;
}
.signature-bg {
    background-color:#FE297D;
}
.diamond-bg {
    background-color:#54CAFF !important;
}
.platinum-bg {
    background-color: #9CD8EA !important;
}
.gold-bg {
    background-color: #FDCF39;
}
.grey-bg {
    background-color: #D8CDC1;
}

/* Color Specific */
.btn-flat2 {
    font-family:'EurostileExt','Helvetica','Arial';
    font-size:18px;
  }
  
  .exr-red-bg {
    background-color: #FF0000 !important;
  }
  
  .exr-dark-grey-bg {
    background-color: #141414 !important;
  }
  
  .exr-light-grey-bg {
    background-color: #d0cfce !important;
  }
  
  .exr-light-grey-text {
    color: #d0cfce;
  }
  
  .exr-red-text {
    color: #FF0000;
  }
  
  .exr-trans-grey-bg {
    background-color:rgb(20,20,20,0.8);
  }
  
  .exr-new-dark-grey {
    background-color:#272727;
  }
  
  .exr-new-light-grey {
    background-color:#3A3A3A;
  }
  
  .exr-stats-light-grey {
    background-color:#606060;
  }
  
  .exr-stats-light-green {
    background-color:#B4DF77;
  }
  
  .exr-stats-red {
    background-color:#EB2228;
  }
  
  /* Buttons */
  .bracket-button {
    font-size:20px;
    padding-right:0px;
    padding-left:0px;
  }
  
  .bracket-button-bracket {
    font-family:'Roboto';
    font-weight:100;
    padding:0px 3px 0px 3px;
  }
  
  .bubble-button {
    width:8px;
    height:8px;
    border-radius:8px;
    border:1px solid white;
  }
  
  .white-fill-link {
    cursor:pointer;
  }
  
  .white-fill-link .bubble-button {
    background:transparent;
  }
  
  .white-fill-link:hover .bubble-button {
    background:white;
  }
  
  .white-fill-link-filled .bubble-button {
    background:white !important;
  }
  
  .grey-fill-link {
    cursor:pointer;
  }
  
  .grey-fill-link .bubble-button {
    background:transparent;
    border-color:white;
  }
  
  .grey-fill-link:hover .bubble-button {
    background:#3A3A3A;
    border-color:#3A3A3A;
  }
  
  .black-red-link {
    color:black;
  }
  
  .black-red-link:hover {
    color: #FF0000;
  }
  
  .white-red-link {
    color:white !important;
    cursor:pointer;
  }
  
  .white-red-link:hover {
    color: #FF0000 !important;
  }
  
  .white-red-link-active {
    color: #FF0000 !important;
    cursor:pointer;
  }
  
  .white-red-button {
    background-color:white !important;
    color:black !important;
  }
  
  .white-red-button:hover {
    background-color: #FF0000 !important;
    color: white !important;
  }
  

  .exr-red-white-link {
    color:#FF0000 !important;
    cursor:pointer;
    text-decoration: none;
  }
  
  .exr-red-white-link:hover {
    color: #FF0000 !important;
  }
  
  .exr-red-white-link-active {
    color: #FF0000 !important;
    cursor:pointer;
  }



  .exr-white-red-border-link {
    color:white !important;
    cursor:pointer;
    text-decoration: none;
    border-color: white !important;
  }
  
  .exr-white-red-border-link:hover {
    color: #FF0000 !important;
    border-color: #FF0000 !important;
  }
  
  .exr-white-red-border-link-active {
    color: white !important;
    cursor:pointer;
  }