body {
  font-family: 'Helvetica';
  background-color: #f4f4f7;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
main {
  flex: 1;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.profile-stats-img {
  width: 46px;
  height: 26px;
}

.profile-stat-sec-text {
  font-size: 12px;
}

#edit-profile-btn-desktop:hover {
  color: white !important;
  background-color: #2b8000;
  /* backgroundcolor: none;  */
}

.profile-stat-text {
  font-size: 14px;
}

#mobile-profile-container {
  display: none !important;
}

#mobile-footer {
  display: none !important;
}

#mobile-header {
  display: none !important;
}

#mobile-header-other {
  display: none !important;
  padding: 0 15px;
}

#mobile-header-congratulations {
  display: none !important;
}

@media only screen and (max-width: 900px) {
  footer.pb-5 {
    padding-bottom: 5rem !important;
  }

  #mobile-profile-container {
    display: inherit !important;
  }

  #desktop-profile-container {
    display: none !important;
  }

  #mobile-footer {
    display: flex !important;
  }

  header.desktop{
    display: none;
  }

  #mobile-header-other {
    display: flex !important;
    height: 60px;
    background-color: #4b286d;
    color: white;
  }

  #mobile-header-congratulations {
    display: flex !important;
    background-color: #4b286d;
  }

  #mobile-header {
    display: flex !important;
    background-color: #4b286d;
    color: white;
    color: white;
  }

  #game-main{
    margin-top: 40px;
  }
}

.text-default-color {
  color: #4b286d;
}

.text {
  color: #4b286d;
}

.text-primary {
  color: #2b8000 !important;
}

.btn-primary-background {
  background-color: #2b8000 !important;
}

.btn-outline-background {
  background-color: transparent !important;
}

#swal2-html-container {
  color: black !important;
}
#swal2-html-container:hover {
  color: black !important;
}