Art Fight Wither Light CSS

/* Official ArtFight Wither Light CSS
* Code by @cyxxie, @leafjelly, and @fuzzyfuture
* Assets by @leafjelly
* Feel free to report any bugs!
* This code is free-to-use! You may modify as you see fit
*/


#wrapper {
  background: url(https://images.artfight.net/resources/Bloom%20Wither%20Assets/witherlight%20bg.png) fixed;
  background-color: #080006;
}
.banner-container.mb-3 {
  width: 76%;
  margin: auto;
  border: 13px groove #40283a;
}
.artfight-nav.navbar.navbar-dark.navbar-static-top.navbar-expand-md.mb-0 {
  margin-bottom: 1rem !important;
  border-bottom: 7px #291223 solid;
  background: #40283a !important;
}
.dropdown-menu {
  background: #40283a;
}
.dropdown-divider {
  border-color: #261c2c;
}
.dropdown-menu a {
  color: #ecbcd5;
}
.dropdown-header {
  color: #745a84;
}
.badge.badge-info {
  background: #8e3171;
}
.dropdown-item:hover {
  background: #261c2c;
}
.badge.badge-primary {
  background: #8e3171;
}
.badge.badge-danger {
  background: #8e3171;
}
.alert.alert-info {
  background: #341d2e !important;
  border: groove #080006 3px;
}
a {
  color: #ecbcd5;
}
a:hover {
  color: white;
}
.profile-description.mb-4.clearfix {
  float: left;
  width: 50%;
  margin-right: 1rem;
  background: rgba(52, 29, 46, 0.7);
  height: auto;
  margin-top: 1%;
  border: #341d2e groove 7px;
  overflow: auto;
  padding: 5%;
}

.nav-tabs .nav-item {
  width: 20%;
  text-align: center;
  border: solid #291223;
  background: rgba(65, 40, 59, .5) !important;
}

.nav-link.active {
  background: #40283a !important;
}
.nav-tabs .nav-item:hover {
  background: rgb(65, 40, 59) !important;
}

.nav-link:hover {
  border: none;
}

.profile-header-background.panel-heading.bg-light.p-2.border.rounded.position-relative {
  background: #341d2e !important;
  padding-left: 0 !important;
  border: none !important;
}
.icon-user {
  border: none;
}
.card-body.panel-body.profile-avatar-panel {
  background: #341d2e;
  margin-top: 2.5rem;
  margin-left: -1px;
}
.card.panel.float-left.d-none.d-md-block.profile-avatar-wrapper {
  border: none;
}
.profile-header-wrapper.clearfix {
  background: rgba(52, 29, 46,.6);
  border: #080006 3px solid !important;
}
.card.panel.float-left.d-none.d-md-block.profile-avatar-wrapper {
  background: none;
}
.h2.profile-header-name {
  margin-left: -6.7%%;
}
.profile-body {
  min-height: 70rem;
  height: auto;
}
.panel-heading{
  background: url(https://images.artfight.net/resources/Bloom%20Wither%20Assets/wither%20header2.png) top;
  background-color: #332a30  !important;
  border: none;
  color: white !important;
}
.username-navbar span {
  color: #ecbcd5 !important;
}
.h2.profile-header-name {
}
.profile-header-name a {
  color: #ecbcd5 !important;
  font-weight: lighter;
}
.element-disabled.text-muted.h5 {
  color: #ecbcd5 !important;
  opacity: 1;
}
.profile-links.col-md-6 {
  min-width: 100%;
}
.profile-followers.col-md-6 {
  min-width: 100%;
}
.w-25.text-right.bg-light.active {
  background: url(https://images.artfight.net/resources/Bloom%20Wither%20Assets/wither%20header2.png) top;
  border: none;
  background-color: #332a30  !important;
  color: #ecbcd5;
}
.table.table-bordered.table-card {
  background: rgba(50, 44, 53,.5);
}
.table-bordered td {
  border: none;
}
.card-body.panel-body {
  background: rgba(50, 44, 53,.5);
}
.card-footer.panel-footer.text-right {
  background-color: #332a30  !important;
  background: url(https://images.artfight.net/resources/Bloom%20Wither%20Assets/wither%20header2.png);
}
.btn.btn-primary.form-control.btn-submit-once {
  background: #42243a;
  border: none;
}
.btn.btn-primary {
  background: #080006;
  border: none;
  color: #ecbcd5;
}
#profile-dropdown {
  background: #080006;
  border: none;
  color: #ecbcd5;
}
.card.panel.panel-default.mt-3 {
  background: none;
}
.col-6.col-md-4.col-lg-2.profile-gallery-attack.mt-3 {
}
.card.p-1.m-1.thumb-attack.attack-thumb.thumbnail {
  border: rgb(28, 29, 39) solid !important;
  background: #332a30 ;
}
.card.p-1.m-1.thumb-attack.character-thumb.thumbnail {
  border: rgb(28, 29, 39) solid !important;
  background: #332a30 ;
}
.nametag.thumbnail-width.h5.p-1.my-auto.bg-light.border.rounded.text-center.text-truncate {
  background: #341d2e !important;
  border: none !important;
}
.text-break i {
  color: #dabfee !important;
}
.d-flex.align-items-center.mb-0 {
  color: #ecbcd5;
}
.card.panel {
  background: none;
}
.navbar-nav .nav-link {
  color: #ecbcd5 !important;
}

.footer .contain {
  background: #40283a !important;
  border-top: #291223 solid 9px;
}
.page-item.disabled .page-link {
  background: #291223 !important;
  border: none;
}
.page-link {
  background: #40283a;
  border: none;
}
  .page-link:hover {
  background: #291223;
}

.card {
  background: #341d2e;
}

.nametag .bookmark-character{
  background: #341d2e !important;
  border: none !important;
}

.btn-warning{
  background: #080006;
  border: none;
  color: #ecbcd5;
}

.btn-danger{
  background: #080006;
  border: none;
  color: #ecbcd5;
}

.btn-success{
  background: #080006;
  border: none;
  color: #ecbcd5;
}

.modal-header{
  background: url(https://images.artfight.net/resources/Bloom%20Wither%20Assets/wither%20header2.png) top;
  background-color: #332a30  !important;
  border: none;
  color: white !important;
}
.modal-content{
  background: rgba(50, 44, 53,.5);
}

.table-striped tbody tr:nth-of-type(2n+1) {
  background: rgba(50, 44, 53,.5);
}


.d-none.d-md-block.mt-3.profile-header-normal-status {
  color: white;
}

p{
    color: white !important;
}
div{
    color: white !important;
}

.profile-stats-body td {
color:#fff!important;
}

@media (min-width: 767px) {
  .row .col-md-6 {
    padding: 0px;
  }
  .profile-gallery-header, .profile-body .row {
    margin-right: 15px;
    margin-left: 53%;
  }
  .card-body.panel-body .row {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
}



@media screen and (max-width: 766px){
  .nav-tabs .nav-item {
    width: 100%;
  }

  .profile-description.mb-4.clearfix {
    float: none !important;
    width: 100% !important;
  }
  .profile-body {
    max-height: none!important;
    min-height: auto !important;
  }
}