@import url('https://fonts.googleapis.com/css2?family=Rock+3D&family=Shizuru&family=Slackside+One&display=swap');

html{
    overflow-x: hidden;
}
body{
    width: 100%;
    justify-content: center;
    /*background: #bcfb3f;
    background: radial-gradient(circle,rgba(188, 251, 63, 1) 0%, rgba(203, 210, 73, 1) 25%, rgba(218, 168, 83, 1) 80%, rgba(242, 98, 100, 1) 100%);*/
    background: #a6fb3f;
    background: radial-gradient(circle, rgba(238,221,130) 0%, rgba(130,205,168) 100%);
    padding:5px,5px;
    margin: 0px;
}

h1 {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    color: rgb(15,175,147);
    font-family: 'Shizuru';
    font-size: 35px;
    text-shadow: 0px 7px 0px rgb(4,114,88, 0.5);
    padding: 20px 0px;
    margin: 0px;
}

p {
    display: flex;
    width: 100%;
    font-family: 'Shizuru';
    font-weight: 900;
    justify-content: center;
    color: rgb(9,60,51);
    font-size: 24px;
    text-align: center;
}

.flower_img{width: 100%;
    z-index=0;

  }

.flowers {
    width: 100%;
    text-align: center;
    padding: 0px 0px;
}
.s {
  background-color: rgb(245,218,95);
  background-image: url("paper.jpg");
  color: rgb(235, 86, 23) ; /* rgb(119,135,143) */
  font-size: 22px;
  border: none;
  font-family: 'Shizuru';
  font-weight: 900;
  padding: 35px;
  border-radius: 20px;

}

.dropdown1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgb(245,218,95);
  width: 350px;
  font-size: 18px;
  z-index: 1;
  border-radius: 20px;
  
}
.dropdown1:hover .dropdown-content{
  display: block;

}