* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}
body{
  /* background-image: url('../pictures/carte1.png'); */
  background-color: rgb(240, 240, 240);
}
.main{
  z-index: 1;
}
/* ---- PICTURES ---- */
.wave-container{
  position:relative;
  display:flex;
  align-items:center;
  height:280px;
  background-image: url("../../assets/pictures/bandeau.jpg");
  background-repeat: no-repeat;
  background-size:cover;
}
#home-logo{
  display:flex;
  justify-content:center;
}
#home-logo img{
  width:40vh;
}
#header-logo{
  margin-left:10%;
  color: white;
  font-family: Ubuntu, sans-serif;
  font-size: 1.7rem;
}
.divider{
  position:absolute;
  width:100%;
  bottom: -4px;
}
@media screen and (max-width: 768px){
  .wave-container{
    height:150px;
  }
  #header-logo{
    font-size: 1rem;
  }
}
/* ---- PICTURES END ---- */

.restricted_container{
  margin:30px auto 0 auto;
  padding:0 20px 10px 20px;
  border-radius:10px;
  background-color: white;
  width: 80%;

/* ---- TABLE ---- */
.table{
  width:100%;
}
/* ALERT */
}
.alert{
  width: 100%;
  margin:15px 0;
  padding:15px 15px;
  border-radius: 10px;
  color: black;
}
.alert-success{
  background-color:#2ecc71;
}
.alert-danger{
  background-color:#e74c3c;
}
/* ---- BOUTONS ---- */
.btn-primary{background-color:#0a3d62;}
.btn-danger{background-color:#e74c3c;}
.btn-success{background-color:#2ecc71;}
.btn-cloudy{background-color:#9D9B97;}
.btn-warning{background-color:#F59109;}
.btn{
  width:fit-content;
  margin-top:10px;
  padding: 7px;
  border-radius: 5px;
  font-size:1rem;
  color:white;
}
/* ---- EMOJI ---- */
.emoji:hover{
  cursor: pointer;
}
.emoji-trigger:hover{
  cursor: pointer;
}
.emoji-picker{
  width: 80%;
}
@media screen and (max-width: 768px){
  .emoji-trigger{
    display: none;
  }
}