profile-search.page.scss

ion-searchbar{
    --background: white;
    --placeholder-color: rgb(2, 28, 85);
    position: absolute;
      bottom: 90%;
      opacity: 0.7;
}

ion-content{
    --background: url(../../assets/icon/plateau.jpg) 0 0/100% 100% no-repeat;
}

div{
  background-color: rgba($color: #fff, $alpha: 0.3);
  margin-left: 10%;
  width: 80%;
  height: 7%;
  margin-top: 0.1%;
  border-radius: 3%;
  font-weight: bold;
  position: relative;
  top:10%;
}

div p{
  margin-left: 10%;
}


@keyframes FadeIn {
    from {
      opacity: 0;
      position: absolute;
      bottom: 30%;
    }
  
    to {
      opacity: 0.7;
      position: absolute;
      bottom: 90%;
    }
  }
  
  .FadeIn {
    animation-name: FadeIn;
    animation-duration: 2.1s;
  }