/* <uniquifier>: Use a uniquifier for the class name */
/*  <weight>: Use a value from 400 to 700 */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');

.dancing-script-hw {
  font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

body {
  background-image: linear-gradient(270deg,rgb(235 232 213),transparent);
}

.text_box{
 font-size: large !important;
 color: #DEB887;
}

.date_update{
 font-size: large !important;
 color: #DEB887;
 margin-bottom: 0;
}

.right_flower{
  background-image: url(right_SR_boleto.png);
  width: 1920px;
  height: 1080px;
  position: fixed;
  z-index: -1;
  right: 418px;
  top: 195px;
  transform: rotate(21deg);
}

.left_flower{
  background-image: url(left_SR_boleto.png);
  width: 1920px;
  height: 1080px;
  position: fixed;
  z-index: -1;
  left: 0px;
  bottom: 0px;
}

.reception{
  position: relative;
  width: 100%;
  border-radius: 20%;
  box-shadow: 0px 0px 7px 5px #dbaf76;
  /* background: url(Reception_Layout.jpg); */
  /* height: 470px; */
  /* background-size: 100%; */
}

.position-m1{
  background-image: linear-gradient(45deg, #32e15b, transparent);
  position: absolute;
  z-index: 10;
  transform: rotate(39deg);
  bottom: 68.7px;
  width: 33px;
  height: 25px;
  left: 20.8%;
  font-size: 9px;
}

div.dancing-script-hw {
  color: burlywood;
}

.dancing-script-hw h3 {
  color: brown;
}

@media (max-width: 600px){
  
  .right_flower{
    background-repeat: no-repeat;
    background-size: 90%;
    right: -307px;
    top: 10px;
  }
  
  .left_flower{
    background-repeat: no-repeat;
    background-size: 50%;
    left: -160px;
    bottom: -245px;
  }

}

@media (min-width: 601px){
  
  .right_flower{
    background-repeat: no-repeat;
    background-size: 90%;
    right: -120px;
    top: 10px;
  }
  
  .left_flower{
    background-repeat: no-repeat;
    background-size: 50%;
    z-index: -1;
    left: 97px;
    bottom: -245px;
  }

}

@media (min-width: 1024px){
  
  .right_flower{
    background-repeat: no-repeat;
    background-size: 90%;
    z-index: -1;
    right: 118px;
    top: 10px;
  }
  
  .left_flower{
    background-repeat: no-repeat;
    background-size: 50%;
    left: 280px;
    bottom: -248px;
  }

}

@media (min-width: 1200px){
  
  .right_flower{
    background-repeat: no-repeat;
    background-size: 90%;
    z-index: -1;
    right: 150px;
    top: 10px;
  }
  
  .left_flower{
    background-repeat: no-repeat;
    background-size: 50%;
    left: 460px;
    bottom: -248px;
  }

}

@media (min-width: 1440px){
  
  .right_flower{
    background-repeat: no-repeat;
    background-size: 90%;
    z-index: -1;
    right: 303px;
    top: 232px;
  }
  
  .left_flower{
    background-repeat: no-repeat;
    background-size: 50%;
    left: 700px;
    bottom: -200px;
  }

}

@media (min-width: 1920px){
  
  .right_flower{
    background-repeat: no-repeat;
    background-size: 90%;
    z-index: -1;
    right: 500px;
    top: 400px;
  }
  
  .left_flower{
    background-repeat: no-repeat;
    background-size: 50%;
    left: 1050px;
    bottom: 135px;
  }

}

@media (min-width: 2560px){
  
  .right_flower{
    background-repeat: no-repeat;
    background-size: 90%;
    z-index: -1;
    right: 1500px;
    top: 400px;
  }
  
  .left_flower{
    background-repeat: no-repeat;
    background-size: 90%;
    left: 1350px;
    bottom: 455px;
  }

}