.back-GR1{
    background-color: #F7ECDE;
  
}
.back-GR2{
    background: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0.5));
    position: absolute;
    inset: 0;
    height: 100vh;
    width: 100%;
    z-index: 3;
}
body::selection{
    background-color:#FEC260 ;
}
h1{
  font-family: "Pacifico", cursive;
  font-weight: 500;
  font-style: normal;
  font-size: 50px;
  line-height: 60px;
  color: rgb(53, 46, 40);
  position: relative;
  width: fit-content;
  z-index: 0;
}
h1::after{
    content: "";
    background-color: #FEC260;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
    z-index: -1;
    transition: all 0.5s;
}
h1:hover::after{
    height: 40px;
}
.content-Bookmarker h2{
     font-family: "Righteous", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 25px;
  line-height: 30px;
  color: #46A55A;

}
.content-Bookmarker{
    border-bottom: 2px rgb(53, 46, 40) dashed;
    border-top: 2px rgb(53, 46, 40) dashed;
}
.disData{
    background-color: white;
    color: rgb(53, 46, 40);
}
a{
    text-decoration: none;
    color: white !important;
    
}
.caseERROR{
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    z-index: 5;
    background-color: white;
    padding: 20px;
}
.caseERROR .icon{
    width: 25px;
    height: 25px;
    background-color: #FEBE2E;
    border-radius: 50%;
    position: relative;
    margin-left: 40px;
}
.caseERROR .icon::after{
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
     width: 25px;
    height: 25px;
    background-color: #4DB748;
    border-radius: 50%;
    margin-left: 10px;
}
.caseERROR .icon::before{
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
     width: 25px;
    height: 25px;
    background-color: #4DB748;
    border-radius: 50%;
    margin-right: 10px;
}