body {
  background-color: #16151a;
}

.connexionMain {
  height: 100vh;
  background-image: url("/assets/img/friends4.jpg");
  background-size: cover;
  background-position: center;
}
.connexionMain figure {
  background-color: #000000d6;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.connexionMain header {
  text-align: center;
}
.connexionMain header h1 {
  color: #82CBCE;
  font-family: haboro-contrast-normal, sans-serif;
  font-weight: 700;
  font-size: 56px;
  margin: 20px 0px 10px 0px;
}
.connexionMain header h2 {
  color: white;
  font-family: paralucent, sans-serif;
  font-weight: 300;
  font-size: 28px;
}
.connexionMain section {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 0px 0px 10% 0px;
}
.connexionMain section fieldset {
  border: none;
}
.connexionMain section .form-group {
  display: flex;
  flex-direction: column;
}
.connexionMain section .form-group label {
  font-size: 15px;
  color: white;
  font-family: agenda, sans-serif;
  margin: 15px 0px 6px 0px;
}
.connexionMain section .form-group input {
  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;
}
.connexionMain section .form-group input: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;
}
.connexionMain section .form-group input: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;
}
.connexionMain section .form-group input:-webkit-autofill {
  background-color: #3ed9df !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;
}
.connexionMain section .btn-primary {
  font-family: paralucent, sans-serif;
  font-weight: 900;
  background-color: #82CBCE;
  padding: 10px 20px 9px 20px;
  border-radius: 20px;
  color: white;
  text-transform: uppercase;
  border: none;
  margin: auto;
  margin-top: 20px;
  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;
}
.connexionMain section .btn-primary: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;
}

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