@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
*, *::after, *::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

.register section:not(.header), .evenement section:not(.header), .evenements section:not(.header), .contact section:not(.header), .about section:not(.header), .home .events, .home .service, .hero__container, footer .footer__container, nav {
  width: min(100vw, 1440px);
  padding-inline: 32px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .register section:not(.header), .evenement section:not(.header), .evenements section:not(.header), .contact section:not(.header), .about section:not(.header), .home .events, .home .service, .hero__container, footer .footer__container, nav {
    padding-inline: clamp(1.25rem, 0.7143rem + 2.6786vw, 2rem);
  }
}

.register section.form__container form .form__line .counter, .evenements .typeEvents__content, .contact .header, .progressbar .step, .hero__container .bento__box, footer .footer__logo {
  display: -webkit-flex;
  flex-direction: -webkit-row;
  align-items: -webkit-center;
  justify-content: -webkit-center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.evenement .inscription .form__container {
  display: -webkit-flex;
  flex-direction: -webkit-row;
  align-items: -webkit-stretch;
  justify-content: -webkit-center;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
}

.events__card {
  display: -webkit-flex;
  flex-direction: -webkit-row;
  justify-content: -webkit-flex-start;
  align-items: -webkit-stretch;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}

nav .navLink__container {
  display: -webkit-flex;
  flex-direction: -webkit-row;
  justify-content: -webkit-space-evenly;
  align-items: -webkit-center;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}

.register section.form__container form .form__line, .register section.form__container.adherant form .form__line, .home .events__header, .hero__container, footer .footer__container, nav {
  display: -webkit-flex;
  flex-direction: -webkit-row;
  justify-content: -webkit-space-between;
  align-items: -webkit-center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.register section.form__container form .form__line .form__value, .home .service__container {
  display: -webkit-flex;
  flex-direction: -webkit-row;
  justify-content: -webkit-space-around;
  align-items: -webkit-center;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.register section.form__container form .totaux_container, .register section.form__container form .boutons_container {
  display: -webkit-flex;
  flex-direction: -webkit-row;
  justify-content: -webkit-flex-end;
  align-items: -webkit-center;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.login, .register section.form__container form .donnation_line .form__radio .radio__container, footer .adhesionHero {
  display: -webkit-flex;
  flex-direction: -webkit-column;
  align-items: -webkit-center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.login form, .login form .form-field, .register section.form__container.adherant form .form__line > div, .evenement section.eventCalender .event__containers, .evenements section.eventCalender .event__containers, .contact section:not(.header), .about section:not(.header), .home .events__container, .hero__container .hero-info, .hero__container .hero-info.contact-hero adress, footer .footer__nav {
  display: -webkit-flex;
  flex-direction: -webkit-column;
  align-items: -webkit-flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.register section.form__container form .donnation_line, .evenement .inscription .form__container form > div {
  display: -webkit-flex;
  flex-direction: -webkit-column;
  align-items: -webkit-stretch;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.service__details, .service__details ul {
  display: -webkit-flex;
  flex-direction: -webkit-column;
  justify-content: -webkit-flex-start;
  align-items: -webkit-center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.evenement .inscription .form__container form {
  display: -webkit-flex;
  flex-direction: -webkit-column;
  justify-content: -webkit-flex-start;
  align-items: -webkit-stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.evenement .inscription .form__container .info-section, .about section:not(.header) ul {
  display: -webkit-flex;
  flex-direction: -webkit-column;
  justify-content: -webkit-flex-start;
  align-items: -webkit-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
}

.modal__container, .modal__link {
  display: -webkit-flex;
  flex-direction: -webkit-column;
  justify-content: -webkit-space-around;
  align-items: -webkit-center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

.events__card__details, .events__card__details .events__info {
  display: -webkit-flex;
  flex-direction: -webkit-column;
  justify-content: -webkit-space-around;
  align-items: -webkit-start;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: start;
}

:root {
  font-size: 16px;
}

body {
  font-family: "inter", serif;
}

a {
  text-decoration: none;
  color: black;
}

header {
  background-color: rgba(58, 116, 67, 0.08);
}

h1, h2, h3 {
  color: #784457;
  font-weight: 600;
  text-wrap: pretty;
}

h1 {
  font-size: clamp(2rem, 0.8539rem + 2.3845vw, 3rem);
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: clamp(1.25rem, 0.7143rem + 2.6786vw, 2rem);
  }
}

h2 {
  font-size: clamp(1.5rem, 0.927rem + 1.1923vw, 2rem);
}
@media screen and (max-width: 768px) {
  h2 {
    font-size: clamp(1.25rem, 1.0714rem + 0.8929vw, 1.5rem);
  }
}

h3 {
  font-size: clamp(1.25rem, 0.9643rem + 0.5952vw, 1.5rem);
}
@media screen and (max-width: 768px) {
  h3 {
    font-size: clamp(1.125rem, 1.0357rem + 0.4464vw, 1.25rem);
  }
}

li {
  list-style: none;
  color: #784457;
}

nav {
  min-height: 120px;
  font-size: clamp(1rem, 0.427rem + 1.1923vw, 1.5rem);
  padding-inline-start: 4rem;
}
nav .logo {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}
nav .logo.feader {
  display: none;
}
nav .logo__container {
  display: flex;
  height: 65%;
  width: 130px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
nav .navLink {
  color: #784457;
}
nav .navLink__container {
  gap: 1.5rem;
}
nav .navLink__container.hide {
  display: none;
}
nav .navLink.active {
  text-decoration: underline;
}
nav .navBurger.hide {
  display: none;
}
nav .navBurger .nav__burger {
  height: 20px;
  width: 20px;
  cursor: pointer;
}
nav .hide {
  display: none !important;
}
@media screen and (max-width: 768px) {
  nav .logo.feader {
    display: inline;
  }
}

.btn, .btn--success, .btn--footer, .btn--accent3, .btn--accent2, .btn--accent1 {
  color: white;
  padding-inline: 4rem;
  padding-block: 1rem;
  border-radius: 5px;
  font-size: clamp(1rem, 0.427rem + 1.1923vw, 1.5rem);
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border 250ms ease-in-out;
}
.btn--accent1 {
  background-color: #3A7443;
}
.btn--accent1:hover {
  background-color: hsl(129, 33%, 24%);
}
.btn--accent2 {
  background-color: #C90037;
}
.btn--accent2:hover {
  background-color: hsl(344, 100%, 29%);
}
.btn--accent3 {
  background-color: #E2EAE2;
  border-radius: 0px;
  border: none;
  color: black;
}
.btn--accent3:hover {
  background-color: hsl(120, 16%, 75%);
}
.btn--footer {
  background-color: white;
  color: #C90037;
  font-weight: 600;
  border: 2px solid white;
}
.btn--footer:hover {
  color: white;
  background-color: hsl(344, 100%, 29%);
  border: 2px solid white;
}
.btn--success {
  background-color: hsl(127, 55%, 45%);
  font-weight: 600;
  border: none;
}
.btn--success:hover {
  background-color: hsl(127, 55%, 35%);
}
@media screen and (max-width: 768px) {
  .btn, .btn--accent1, .btn--accent2, .btn--accent3, .btn--footer, .btn--success {
    padding-inline: clamp(2rem, 0.5714rem + 7.1429vw, 4rem);
    padding-block: clamp(0.5rem, 0.1429rem + 1.7857vw, 1rem);
  }
}

footer .adhesionHero {
  width: 100%;
  background-color: #C90037;
  color: white;
  padding-block: 3rem;
  gap: 2rem;
}
footer .adhesionHero p {
  font-size: clamp(2rem, 0.8539rem + 2.3845vw, 3rem);
  font-weight: 400;
  text-align: center;
}
footer .adhesionHero p:first-child {
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  footer .adhesionHero p {
    font-size: clamp(1.25rem, 0.7143rem + 2.6786vw, 2rem);
  }
}
footer .footer__container {
  padding-block: 4rem;
}
@media screen and (max-width: 768px) {
  footer .footer__container {
    flex-direction: column;
    align-items: start;
    width: 100%;
    padding-inline-start: 4rem;
  }
}
footer .footer__logo {
  height: 65%;
  width: 130px;
}
footer .footer__logo .logo {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}
footer .footer__nav {
  height: 120px;
  display: flex;
  gap: 1rem;
  font-weight: 300;
}

.modal {
  width: 100dvw;
  height: 100%;
  background-color: rgba(58, 116, 67, 0.375);
  backdrop-filter: blur(5px);
  position: fixed;
  top: 0;
  left: -1000%;
  transition: left 250ms ease;
  z-index: 999999999;
  padding-block-start: 2rem;
}
.modal.open {
  left: 0;
}
.modal.hide {
  display: none;
}
.modal__container {
  width: max(320px, 60%);
  background-color: hsl(129, 33%, 94%);
  min-height: calc(100vh - 4rem);
  margin-inline: auto;
  position: relative;
}
.modal__container .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
}
.modal__logo a {
  text-decoration: none;
  color: black;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal__logo a img {
  width: 130px;
}
.modal__logo a p {
  font-weight: 700;
}
.modal__link {
  gap: 3rem;
}

.flash, .flash__success_form {
  width: min(768px, 70dvw);
  padding-inline: 1rem;
  padding-block: 1rem;
  border-radius: 10px;
  display: grid;
  place-items: center;
  opacity: 1;
  transition: opacity 4s ease-out;
}
.flash.hide, .hide.flash__success_form {
  opacity: 0;
}
.flash__container {
  position: absolute;
  left: 0;
  top: 1rem;
  z-index: 50;
  width: 100%;
  display: grid;
  place-items: center;
  padding: 0.5rem;
}
.flash__success_form {
  border: 2px solid green;
  background-color: lightgreen;
  color: darkgreen;
}

.hero__container {
  gap: 2rem;
  padding-block: 4rem;
}
@media screen and (max-width: 768px) {
  .hero__container.contact__container {
    flex-direction: column;
  }
}
.hero__container .hero-info {
  gap: 2rem;
  min-height: 100%;
  width: 100%;
}
.hero__container .hero-info p {
  color: #784457;
  font-size: clamp(1rem, 0.427rem + 1.1923vw, 1.5rem);
  font-weight: 300;
}
.hero__container .hero-info p.p-bold {
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .hero__container .hero-info p {
    font-size: clamp(1rem, 0.8214rem + 0.8929vw, 1.25rem);
  }
}
.hero__container .hero-info.contact-hero {
  padding-block: 2rem;
}
.hero__container .hero-info.contact-hero adress {
  gap: 1rem;
}
.hero__container .hero-info.contact-hero adress p {
  font-size: 1rem;
}
@media screen and (min-width: 769px) {
  .hero__container .hero-info.contact-hero {
    width: clamp(20rem, 8.5395rem + 23.845vw, 30rem);
  }
}
.hero__container .hero-img {
  width: 100%;
}
.hero__container .hero-img img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .hero__container .hero-img {
    display: none;
  }
}
.hero__container .bento__container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "B1 B1 B2 B2" "B3 B3 B3 B3";
  gap: 2rem;
}
.hero__container .bento__box {
  border-radius: 8px;
  background-color: rgba(58, 116, 67, 0.1);
  color: #784457;
  height: 200px;
  gap: 1rem;
  font-weight: 700;
  transition: background-color 250ms ease-in-out;
}
.hero__container .bento__box:hover {
  background-color: rgba(58, 116, 67, 0.3);
}
.hero__container .bento__box#box1 {
  grid-area: B1;
}
.hero__container .bento__box#box2 {
  grid-area: B2;
}
.hero__container .bento__box#box3 {
  grid-area: B3;
}
.hero__container .bento__box .ux-icon {
  width: 1.5rem;
  height: fit-content;
}

.events__card {
  gap: 1rem;
}
.events__card__details .events__info {
  gap: 0.5rem;
}
.events__card__details p {
  color: #784457;
  font-size: clamp(1rem, 0.427rem + 1.1923vw, 1.5rem);
}
.events__card__image {
  height: 100%;
}

.service__card {
  align-self: stretch;
  max-width: calc(25% - 1.5rem);
  min-width: 100px;
  background-color: rgba(58, 116, 67, 0.08);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media screen and (max-width: 768px) {
  .service__card {
    max-width: unset;
    min-width: 100%;
  }
}
.service__img {
  aspect-ratio: 320/270;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.service__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.service__details {
  padding-block: 1rem;
  padding-inline: clamp(1rem, -1.2857rem + 4.7619vw, 3rem);
  min-height: 300px;
  font-size: clamp(0.775rem, 0.7135rem + 0.5961vw, 1rem);
  gap: 1rem;
}
.service__details h3 {
  align-self: start;
  text-wrap: pretty;
  font-size: clamp(0.825rem, 0.9643rem + 0.5952vw, 1.15rem);
}
.service__details ul {
  width: 100%;
}
.service__details li {
  font-weight: 300;
  width: 100%;
}

.progressbar {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background-color: rgba(58, 116, 67, 0.08);
}
.progressbar .step {
  gap: 0.5rem;
  padding-block: 1rem;
  position: relative;
  z-index: 0;
}
.progressbar .step::before {
  content: "";
  background-color: rgba(58, 116, 67, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 0%;
}
.progressbar .step.active::before {
  width: 100%;
}
.progressbar .step p, .progressbar .step .icon {
  font-size: 1rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .progressbar {
    grid-template-columns: unset;
    grid-template-rows: repeat(4, 1fr);
  }
}

.home .header {
  background-color: rgba(58, 116, 67, 0.08);
  position: relative;
}
.home .events__header {
  margin-block: 3rem;
}
.home .events__all {
  color: #784457;
  justify-self: flex-end;
  text-align: end;
}
.home .events__container {
  gap: 2rem;
}
.home .service {
  margin-block: 3rem;
}
.home .service h2 {
  margin-block: 3rem;
}
@media screen and (max-width: 768px) {
  .home .service__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    gap: 1rem;
  }
}

.about section:not(.header) {
  gap: 2rem;
  padding-block: 3rem;
}
.about section:not(.header) p, .about section:not(.header) li {
  color: #784457;
  font-size: clamp(1rem, 0.427rem + 1.1923vw, 1.5rem);
}
.about section:not(.header) ul {
  padding-inline-start: 1.2rem;
  gap: 0.5rem;
}
.about section:not(.header) ul li {
  list-style: disc;
}
.about .header {
  background-color: rgba(58, 116, 67, 0.08);
  height: 50vh;
}

.contact section:not(.header) {
  gap: 2rem;
  padding-block: 3rem;
}
.contact section:not(.header) p {
  color: #784457;
  font-size: clamp(1rem, 0.427rem + 1.1923vw, 1.5rem);
}
.contact .header {
  background-color: rgba(58, 116, 67, 0.08);
  min-height: 70vh;
}

.evenements .header {
  background-color: rgba(58, 116, 67, 0.08);
}
.evenements section:not(.header) {
  padding-block: 4rem;
}
.evenements section:not(.header) h2 {
  margin-block-end: 2rem;
}
.evenements .typeEvents__content {
  gap: 4rem;
}
.evenements .typeEvents__list li {
  font-size: clamp(2rem, 1.4302rem + 1.1887vw, 2.5rem);
  margin-block: 1rem;
}
@media screen and (max-width: 768px) {
  .evenements .typeEvents__list li {
    font-size: clamp(1rem, 0.8214rem + 0.8929vw, 1.25rem);
  }
}
.evenements .typeEvents__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-fit: center;
}
@media screen and (max-width: 768px) {
  .evenements .typeEvents__image {
    display: none;
  }
}
.evenements section.eventCalender .event__containers {
  gap: 2rem;
}

.evenement .header {
  background-color: rgba(58, 116, 67, 0.08);
}
.evenement section:not(.header) {
  padding-block: 4rem;
}
.evenement section:not(.header) h2 {
  margin-block-end: 2rem;
}
.evenement .inscription .form__container {
  gap: 3rem;
}
.evenement .inscription .form__container form {
  width: min(500px, 50vw);
  gap: 2rem;
  padding: 4rem 2rem;
  background-color: rgba(58, 116, 67, 0.08);
}
.evenement .inscription .form__container form > div {
  gap: 1rem;
}
.evenement .inscription .form__container form > div label {
  font-size: 1.5rem;
}
.evenement .inscription .form__container form > div input {
  font-size: 1.5rem;
  padding: 0.6rem;
  border-radius: 4px;
  border: 1px solid black;
}
.evenement .inscription .form__container form > div .quantity__counter {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.3rem;
}
.evenement .inscription .form__container form > div .quantity__counter button {
  padding-inline: 1rem;
  font-size: 1.5rem;
  background-color: white;
  border: 1px solid black;
  border-radius: 4px;
}
.evenement .inscription .form__container form > div .quantity__counter input {
  width: 70px;
  border: 1px solid black;
}
.evenement .inscription .form__container form .form_prix p {
  font-size: 1.5rem;
}
.evenement .inscription .form__container form button[type=submit] {
  margin-block: 1rem;
  align-self: start;
  border: none;
}
.evenement .inscription .form__container .info-section {
  padding-block: 3rem;
  width: 400px;
  gap: 2rem;
  font-size: 1.5rem;
}
.evenement .inscription .form__container .info-section a {
  text-decoration: underline;
}
.evenement .inscription .form__container .info-section a:hover {
  color: #3A7443;
}
@media screen and (max-width: 768px) {
  .evenement .inscription .form__container {
    flex-direction: column-reverse;
  }
  .evenement .inscription .form__container form, .evenement .inscription .form__container .info-section {
    width: 100%;
  }
  .evenement .inscription .form__container .info-section {
    padding-block: 2rem;
  }
  .evenement .inscription .form__container form button[type=submit] {
    align-self: center;
  }
}
.evenement section.eventCalender .event__containers {
  gap: 2rem;
}

.register .header {
  background-color: rgba(58, 116, 67, 0.08);
}
.register section:not(.header) {
  padding-block: 4rem 1rem;
}
.register section:not(.header) h2 {
  margin-block: 1rem;
}
.register section.form__container {
  padding-block: 2rem;
}
.register section.form__container form .form__line {
  padding-block: 2rem;
}
.register section.form__container form .form__line label, .register section.form__container form .form__line p {
  font-size: 1.1rem;
  font-weight: 600;
}
.register section.form__container form .form__line .form__value {
  width: 70%;
}
.register section.form__container form .form__line .counter {
  gap: 0.3rem;
}
.register section.form__container form .form__line .counter input, .register section.form__container form .form__line .counter button {
  padding: 0.5rem 0.5rem;
  font-size: 1.1rem;
  border: 1px solid black;
  border-radius: 4px;
}
.register section.form__container form .form__line .counter input {
  width: 4rem;
  text-align: center;
}
.register section.form__container form .form__line .counter button {
  background-color: white;
  width: 50px;
}
@media screen and (max-width: 768px) {
  .register section.form__container form .form__line {
    flex-direction: column;
    align-items: start;
    gap: 2rem;
  }
  .register section.form__container form .form__line .form__value {
    width: 100%;
    gap: 1rem;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 450px) {
  .register section.form__container form .form__line .form__value {
    flex-direction: column;
  }
}
.register section.form__container form .donnation_line {
  gap: 2rem;
  padding-block: 2rem;
}
.register section.form__container form .donnation_line .donnation_label {
  font-size: 1.5rem;
  font-weight: 600;
  color: #784457;
}
.register section.form__container form .donnation_line .form__radio {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
  place-items: center;
}
.register section.form__container form .donnation_line .form__radio .radio__container {
  gap: 1rem;
}
.register section.form__container form .donnation_line .form__radio .radio__container label {
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .register section.form__container form .donnation_line .form__radio {
    grid-template-columns: repeat(2, 1fr);
  }
}
.register section.form__container form .totaux_container {
  background-color: rgba(58, 116, 67, 0.08);
  padding: 1rem;
  gap: 1rem;
}
.register section.form__container form .boutons_container {
  gap: 1rem;
}
.register section.form__container.adherant form .form__line {
  flex-wrap: wrap;
  gap: 2rem;
}
.register section.form__container.adherant form .form__line > div {
  width: max(40%, 300px);
  gap: 1rem;
}
.register section.form__container.adherant form .form__line > div label {
  font-weight: 400;
}
.register section.form__container.adherant form .form__line > div .text-type {
  width: max(100%, 320px - 4rem);
  font-size: 1.5rem;
  padding-inline: 1rem;
  padding-block: 0.5rem;
}
.register section.form__container.adherant form .form__line > div .select-type {
  width: max(100%, 320px - 4rem);
  padding-inline: 1rem;
  padding-block: 0.5rem;
  border-radius: 4px;
  font-size: 1rem;
}

.login {
  min-height: calc(100vh - 240px - 200px);
  padding-block: 4rem;
  gap: 2rem;
}
.login form {
  width: min(720px, 60vw);
  min-width: 300px;
  padding: 2rem;
  background-color: rgba(58, 116, 67, 0.08);
  border: #E2EAE2 2px solid;
  gap: 3rem;
}
.login form .form-field {
  gap: 1.2rem;
  width: 100%;
}
.login form .form-field input[type=text],
.login form .form-field input[type=email],
.login form .form-field input[type=password] {
  width: 100%;
  font-size: 1.2rem;
  padding: 0.5rem 1rem;
}
.login form label {
  font-size: 1.1rem;
  font-weight: 500;
}
.login form .btn--success {
  align-self: center;
}

/*# sourceMappingURL=app.output.css.map */