body{
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  background-image: url("/static/img/paper_wallpaper.jpg");
  background-size: cover;
  background-repeat: repeat;
  font-family: serif;
  letter-spacing : 1px; 
}

.navbar.navbar-expand-lg{
background-color: rgb(31, 38, 137);
border-bottom: 2px solid rgb(223, 181, 31);
color: #e6e1dd;
}

.footer.text-faded.text-center.py-5{
background-color: rgb(31, 38, 137);
border-top: 2px solid rgb(223, 181, 31);
color: #e6e1dd;
bottom: 0;
}

.nav-link.dropdown-toggle{
  background-color: white;
}

.dropdown-item.start_thu {
  --bs-indigo: #6610f2;
}

.dropdown-item.start_thu {
  background-color: var( --bs-indigo) !important;
}

.contain{
  width:100%
}

.showPasswordToggle{
  cursor:pointer;
  transition:all;
}

.showPasswordToggle:hover{
  transform:scale(1.2);
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}

.btn.btn-secondary.color{
  background-color: #94470e;
  border-color: #94470e;
}

.btn.btn-secondary.color:hover{
background-color: #e6e1dd;
border-color: #e6e1dd;
color:#94470e;
}


.btn-outline-secondary:hover{
background-color: #e88f30;
color:#94470e;
border-color: #e88f30
}

.btn-outline-secondary{
color:#94470e;
border-color: #94470e;
background-color: #e6e1dd;
}

.size-image-treasure-hunt-reached{
width:50%;
}

.size-image-treasure-hunt-hint{
  /*width:60%;*/
  width:100%;
}

.size-image-treasure-hunt{
  width:50%
}

.style-image{
  width:55%;
  border-radius: 2%;
  padding: 2px 0px;
}

.asterisque{
  color:blue;
}

.size-icon{
  width:40%;
}

.size-camera{
  /*width:4%;*/
  background-color: #009E0F;
  border-radius:25px;
  padding:5px;
  border:3px solid black;
}

.size-image_error{
  width:35%
}

.size-button.d-grid.gap-4{
  width:70%;
}

.text-center.p-2.mb-2.text-white.bg-success{
  display:none;
}

.size-button.d-grid.gap-4{
  width:50%;
}

.d-flex.align-items-center.col-sm-6.col-lg-6.flex-column.text-center.pb-3{
  width:50%;
}

.step_mobile.col-sm-6.col-md-6.align-items-center.pb-3.py-3{
  display:none;
}

.asteriskField{
  color: #b83030;
}


.form-text{
  color:black;
  font-weight:bold;
}

.invalid-feedback{
  color:#a80f1e !important;
}

p{
  font-size:22px;
  font-family: serif;
}

input.btn{
  font-size:22px;
}

button.btn{
  font-size:22px;
}

a.btn{
  font-size:22px;
}

a{
  font-size:22px;
}

label{
  font-size:22px;
}

.size-carousel{
  width:25%;
  /*height:600px;*/
}

.carousel-caption{
  background-color:white;
  opacity: 0.5;
}

.shadow{
  text-shadow: 1px 1px 2px #958181; 
}

.border-image{
  border: .75em solid;
}

#visibilityBtn{
  position:absolute;
  right:100%;
}

/*.size-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  height: 500px;
}*/
@media  screen and (max-width:1200px){

.style-image{
  width:80%;
  border-radius: 2%;
  padding: 2px 0px;
}

#visibilityBtn{
  position:absolute;
  right:60%;
}

}

@media  screen and (max-width:992px){

/*.size-camera{
  width:8%;
}*/

.size-button.d-grid.gap-4{
  width:75%;
}

.d-flex.align-items-center.col-sm-6.col-lg-6.flex-column.text-center.pb-3{
  width:50%;
}

.text-center.p-2.mb-2.text-white.bg-success{
  display:none;
}

.step_desktop.col-lg-4.align-items-center.pb-3.py-3{
  display:none
}

.step_mobile.col-sm-6.col-md-6.align-items-center.pb-3.py-3{
  display:block;
}
.size-image_error{
  width:25%
}

p{
  font-size:22px;
}

input{
  font-size:22px;
}


button.btn{
  font-size:22px;
}

a.btn{
  font-size:22px;
}

a{
  font-size:22px;
}

label{
  font-size:22px;
}

.size-carousel{
  width:50%;
  /*height:600px;*/
  /*height:500px;*/
}

.size-image-treasure-hunt-reached{
 /* width:40%; */
 width:60%;
}

#visibilityBtn{
  position:absolute;
  right:56%;
}

}


@media  screen and (max-width: 768px) {

.size-button.d-grid.gap-4{
    width:90%;
  }

/*.size-image-treasure-hunt-reached{
    width:40%;
  }*/
    
/*.size-image-treasure-hunt-hint{
    width:70%;
  }*/

.size-image-treasure-hunt{
    width:30%
  }

  .style-image{
    width:75%;
    border-radius: 2%;
    padding: 2px 0px;
  }

  .contain{
    display:flex;
    align-items:center;
    width:100%
  }

  .nav-item.px-2{
    padding:0px !important;
  }

  .size-image-hint{
    width:75%;
  }

.size-icon{
    width:40%;
  }

.size-camera{
  /*width:15%;*/
  background-color: #009E0F;
  border-radius:25px;
  padding:5px;
  border:3px solid black;
  }

.size-image_error{
    width:30%
}


.text-left.visibility{
  display:none;
}

.text-center.p-2.mb-2.text-white.bg-success{
  display:block;
}

.step_desktop.col-lg-4.align-items-center.pb-3.py-3{
  display:none
}

.step_mobile.col-sm-6.col-md-6.align-items-center.pb-3.py-3{
  display:block;
}

p{
  font-size:20px;
  font-family: serif;
}


/*p{
  font-size:18px;
  font-family: serif;
}*/

input{
  font-size:18px;
}

button.btn{
  font-size:18px;
}

a.btn{
  font-size:18px;
}

a{
  font-size:18px;
}

label{
  font-size:18px;
}

.size-carousel{
  width:75%;
  /*height:500px;*/
  /* height:400px; */
}

#visibilityBtn{
  position:absolute;
  right:54%;
}

}

@media  screen and (max-width: 576px) {

 /* .d-flex.align-items-center.col-sm-6.col-lg-6.flex-column.text-center.pb-3{
    width:100%;
  }*/

  .size-button.d-grid.gap-4{
    width:70%;
  }

  .text-left.visibility{
  display:none;
}

  .style-image{
    width:70%;
    border-radius: 2%;
    padding: 2px 0px;
  }

  .image-qr-code1{
    display: flex;
    justify-content: center;
  }

  .display_icon{
    display : flex;
    justify-content: center;
  }

  .contain{
    width:100%;
  }

  .image-qr-code1{
    display: flex;
    justify-content: center;
  }
  .nav-item.px-2{
    padding:0px !important;
  }

  .size-image-treasure-hunt-reached{
    width:60%;
  }

  .size-image-treasure-hunt-hint{
    width:60%;
  }

  .size-image-treasure-hunt{
    width:20%
  }

  .size-icon{
   /* width:16%; */
   width:40%;
  }

  .size-camera{
  /*width:15%;*/
  background-color: #009E0F;
  border-radius:25px;
  padding:5px;
  border:3px solid black;
  }
    
.size-image_error{
    width:35%
}

.text-center.p-2.mb-2.text-white.bg-success{
  display:block;
}

.step_desktop.col-lg-4.align-items-center.pb-3.py-3{
  display:none;
}

.step_mobile.col-sm-6.col-md-6.align-items-center.pb-3.py-3{
  display:block;
}

p{
  font-size:18px;
  font-family: serif;
}

input{
  font-size:18px;
}

button.btn{
  font-size:18px;
}

a.btn{
  font-size:18px;
}

a{
  font-size:18px;
}

label{
  font-size:18px;
}

.size-carousel{
}

#visibilityBtn{
  position:absolute;
  right:22%;
}

}