.myContainer {
  max-width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  font-size: x-large;
}

h1 {
  text-align: center;
  margin-bottom: 30px;
}

.boite {
  margin-left: auto;
  margin-right: auto;
  width: 30%;
  margin-top: 50vh;
  transform: translateY(-100%);
  border: solid 3px;
  border-radius: 10px;
  padding: 20px 40px 20px 20px;
  background-color: #dcdcdc;
}
.lightTheme .boite {
  border-color: black;
}
.darkTheme .boite {
  border-color: white;
}



.row {
  margin: 25px 0px 25px 0px
}

.label {
  text-align: right;
  margin-right: 0px;
  padding: 0px;
}

.champ {
  margin: 0px;
  padding: 0px;
}

input {
  width: 100%;
}

button {
  width: 100%;
  margin-right: 0px;
}

.col-6 {
  //text-align: center;
}

.lien {
  text-decoration: underline;
  color: black;
}