#parent {
  background: lightblue;
  width: 50%;
}

#child {
  background: gold;
  width: 100%;
  max-width: 200px;
}
.calendar{
 width:270px;
}

.areatme{
height: 30vh;

}

.bleuba{
  background-color: lightblue;


}

.btnlogin{
margin: 15px 36% ;
}


.divprofil{
  height: 100%;
  background-color: lightblue;

  font-size: 15px;
}

.textareame{
height: 70%;
background-color: green;

}

#dialogbox{
  display: none;
  position: absolute;
  background: rgb(0, 47, 43);
  border-radius:20px;
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.575);

  width: 40%;
  height: 40%;
  z-index: 10;
  top:10%;
  left: 0;
  right: 0;
  margin: auto;
}
#dialogbox2{
  display: none;
  position: absolute;
  background: rgb(0, 47, 43);
  border-radius:7px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.575);
  transition: 0.3s;
  width: 40%;
  z-index: 10;
  top:40%;
  left: 0;
  right: 0;
  margin: auto;
}