.normal-btn, .danger-btn, .info-btn, .success-btn, .warning-btn, .secondary-white-btn, .fouth-btn, .third-btn, .secondary-btn, .primary-btn {
  text-decoration: none;
  padding: 1rem 2rem 1rem 2rem;
  font-size: 1rem;
  color: white;
  border-radius: 0;
  border: 0;
}

.primary-btn {
  color: #fff;
  background-color: #FF8E43;
}

.secondary-btn {
  color: #FF8E43;
  background-color: #fff;
}

.third-btn {
  color: #FF8E43;
  background-color: #000;
}

.fouth-btn {
  color: #FF8E43;
  background-color: #eeeeee;
}

.secondary-white-btn {
  color: #fff;
  background-color: #fff;
}

.warning-btn {
  color: #fff;
  background-color: #D69E2E;
}

.success-btn {
  color: #fff;
  background-color: #38A169;
}

.info-btn {
  color: #fff;
  background-color: #5A67D8;
}

.danger-btn {
  color: #fff;
  background-color: #E53E3E;
}

.master-hamburger-container {
  position: fixed;
  top: 0;
  right: 0;
  width: 111.41px;
  height: 111.41px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  z-index: 1200;
  cursor: pointer;
}
.master-hamburger-container .master-ham-btn {
  display: grid;
  grid-row-gap: 0.5rem;
  width: 30px;
  height: 30px;
  transform: rotate(90deg);
  transition: all 0.7s ease;
}
.master-hamburger-container .master-ham-btn #ham-1 {
  transform: translateX(30%);
}
.master-hamburger-container .master-ham-btn #ham-1, .master-hamburger-container .master-ham-btn #ham-3 {
  width: 13px;
  transition: all 0.7s ease;
}
.master-hamburger-container .master-ham-btn #ham-3 {
  transform: translateX(100%);
}
.master-hamburger-container .master-ham-btn:hover > #ham-1 {
  transform: translateX(100%);
  transition: all 0.7s ease;
}
.master-hamburger-container .master-ham-btn:hover > #ham-3 {
  transform: translateX(30%);
  transition: all 0.7s ease;
}
.master-hamburger-container .master-ham {
  width: 30px;
  height: 3px;
  background-color: #000;
}
.master-hamburger-container .master-ham-text {
  margin-top: 0.2rem;
}

.master-btn-active {
  transform: rotate(0) !important;
  transition: all 0.7s ease;
}

.master-ham-1-active {
  width: 100% !important;
  transform: translate(0) !important;
  transform: rotate(45deg) translate(10px, 10px) !important;
  transition: all 0.7s ease;
}

.master-ham-2-active {
  display: none;
}

.master-ham-3-active {
  width: 100% !important;
  transform: translate(0) !important;
  transform: rotate(-45deg) translate(3px, -3px) !important;
  transition: all 0.7s ease;
}

.account-row {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.section-container {
  height: calc(100vh - 132px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#RegistrationPanel {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  padding: 1.5rem;
}

main input {
  padding: 0.5rem 1rem;
  width: 100%;
}
main span, main label {
  color: white;
}
main input[type=submit] {
  background-color: white;
  border: 0;
  border-radius: 6px;
  margin-top: 1rem;
  font-weight: bold;
  width: 100%;
  text-transform: none;
}
main input[type=submit]:hover {
  text-transform: none;
}
main .member-img {
  width: 100%;
}

.account-section {
  margin-bottom: 2rem;
  padding: 2.5rem;
  text-align: left;
  min-height: 500px;
}
@media (min-width: 992px) {
  .account-section {
    height: calc(100vh - 132px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 0 !important;
    text-align: center;
  }
}
.account-section label {
  color: white;
  font-weight: bold;
}
.account-section > div {
  width: 100%;
}
.account-section .manage-section {
  width: 100%;
}
@media (min-width: 768px) {
  .account-section .manage-section {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
}
@media (min-width: 1600px) {
  .account-section .manage-section {
    width: 1360px;
  }
}
.account-section .account-row {
  margin-bottom: 1rem;
  text-align: left;
}
@media (min-width: 768px) {
  .account-section .account-row {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 1rem;
  }
  .account-section .account-row:last-of-type {
    margin-top: 2rem;
  }
}
.account-section .account-row .login-count {
  background-color: white;
  border-radius: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  font-weight: bold;
  margin-right: 1rem;
}

.promo-cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  row-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.promo-card {
  background-color: white;
}
.promo-card .outer:before {
  padding-top: 67.3575129534%;
}
.promo-card .outer:after {
  content: "";
  background: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.promo-card .outer > div:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  padding: 2rem;
  z-index: 1;
}
.promo-card .outer > div:nth-child(2) h3, .promo-card .outer > div:nth-child(2) p.tag {
  color: white;
  margin-bottom: 1rem;
}
.promo-card .outer > div:nth-child(2) p.tag {
  width: -moz-max-content;
  width: max-content;
  padding: 2px 10px;
  border-radius: 5px;
  background: white;
  color: black;
  font-weight: bold;
}
.promo-card .content {
  text-align: left;
  padding: 2rem;
}
.promo-card .content p {
  margin-bottom: 1rem;
}
.promo-card .content p:last-of-type {
  margin-bottom: 0;
}
.promo-card .content > p:nth-child(1) {
  font-size: 1rem;
}
.promo-card .content > div {
  margin-bottom: 1rem;
}
.promo-card .content .primary-btn {
  color: white !important;
}
.promo-card p.tag {
  font-size: 0.8rem;
}/*# sourceMappingURL=account.css.map */