body {
  background-color: #16151a;
}

.inscriptionMain {
  height: 100vh;
  background-image: url("/assets/img/friends4.jpg");
  background-size: cover;
  background-position: center;
}
.inscriptionMain figure {
  background-color: #000000d6;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.inscriptionMain header {
  text-align: center;
}
.inscriptionMain header h1 {
  color: #82CBCE;
  font-family: haboro-contrast-normal, sans-serif;
  font-weight: 700;
  font-size: 56px;
  margin: 20px 0px 10px 0px;
}
.inscriptionMain header h2 {
  color: white;
  font-family: paralucent, sans-serif;
  font-weight: 300;
  font-size: 28px;
}
.inscriptionMain section {
  display: flex;
  justify-content: center;
  text-align: center;
}
.inscriptionMain section .form-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.inscriptionMain section .form-group label {
  font-size: 15px;
  color: white;
  font-family: agenda, sans-serif;
  margin: 15px 0px 6px 0px;
}
.inscriptionMain section .form-group input, .inscriptionMain section .form-group select {
  height: 40px;
  width: 240px;
  background-color: #82ccce44;
  border: none;
  border-radius: 7px;
  text-align: center;
  color: #D8F5F3;
  font-family: agenda, sans-seriff;
  font-weight: 400;
  font-size: 16px;
  box-shadow: rgba(163, 92, 166, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}
.inscriptionMain section .form-group input:focus, .inscriptionMain section .form-group select:focus {
  outline: none !important;
  background-color: #ee80c011;
  border: 1px solid #ee80c088;
  box-shadow: rgba(111, 157, 230, 0.5) 0px 1px 0px, rgba(232, 50, 169, 0.18) 0px -8px 24px, rgba(217, 79, 169, 0.31) 0px 16px 48px;
}
.inscriptionMain section .form-group input:hover, .inscriptionMain section .form-group select:hover {
  background-color: #ee80c011;
  border: 1px solid #ee80c088;
  box-shadow: rgba(111, 157, 230, 0.5) 0px 1px 0px, rgba(232, 50, 169, 0.18) 0px -8px 24px, rgba(217, 79, 169, 0.31) 0px 16px 48px;
}
.inscriptionMain section .form-group input:-webkit-autofill, .inscriptionMain section .form-group select:-webkit-autofill {
  background-color: #82CBCE !important;
  box-shadow: rgba(145, 210, 226, 0.5) 0px 1px 0px, rgba(73, 157, 226, 0.18) 0px -8px 24px, rgba(96, 218, 230, 0.31) 0px 16px 48px;
  color: black;
}
.inscriptionMain section .form-group select:focus {
  background-color: inherit !important;
}
.inscriptionMain section .form-group select option {
  background-color: inherit !important;
  color: black;
  font-size: 12px;
}
.inscriptionMain section .form-group #registration_form_save {
  font-family: paralucent, sans-serif;
  font-weight: 900;
  background-color: #82CBCE;
  padding: 10px 20px 10px 20px;
  border-radius: 20px;
  color: white;
  text-transform: uppercase;
  border: none;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 40px;
  box-shadow: rgba(161, 232, 249, 0.1) 0px 1px 0px, rgba(255, 255, 255, 0.1) 0px 8px 24px, rgba(244, 158, 231, 0.06) 0px 16px 48px;
}
.inscriptionMain section .form-group #registration_form_save:hover {
  background-color: #F8E8F4;
  color: #00323A;
  box-shadow: rgba(111, 157, 230, 0.5) 0px 1px 0px, rgba(232, 50, 169, 0.18) 0px -8px 24px, rgba(217, 79, 169, 0.31) 0px 16px 48px;
  animation: bounceAccount 2s cubic-bezier(0.28, 0.84, 0.42, 1) 1;
}
@keyframes bounceAccount {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  20% {
    transform: scale(0.9, 1.1) translateY(-6px);
  }
  55% {
    transform: scale(1.05, 0.95) translateY(0);
  }
  65% {
    transform: scale(1, 1) translateY(-3px);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}

/*# sourceMappingURL=inscription.css.map */