body{
  background: #AB1FAD;
  background-size: cover;
  height:100%;
  overflow-x: hidden;
  font-family:"roboto",sans-serif;

}
.one{
  background:#F9F6F6;
  position: relative;
  display:block;
  width:30%;
  margin: 200px auto;
  border-radius: 20px;

}
.pic{
  display:flex;
  justify-content: center;
  align-items: center;
}
.text{
  text-align: center;
  width:100%;
  font-size: 50px;
  padding-bottom: 25px;
  border-radius:20px;
  color: #AB1FAD;
  font-weight: 600;
}

@media only screen and (max-width: 797px) {
  .one{
    width:60%;
  }
  .text{
    font-size: 40px;
  }
}
@media only screen and (max-width: 497px) {
  .text{
    font-size: 40px;
  }
  .one{
    width:60%;
  }
}