body{
    background-color:rgb(26, 3, 24);
    font-size: 16px;
    font-family:serif;
}

h1, h2, h3, h4{
    color:rgb(61, 37, 62);
}



ul{
     color:rgb(61, 37, 62);
}

li{
      color:rgb(61, 37, 62);
}

p{
      color:rgb(61, 37, 62);
}

.pink{
    color:rgb(61, 37, 62);
}




.links-pages{
    position: absolute;
    background-color:  rgb(243, 221, 135);
    align-items: center;
    margin: 10px;
    padding: 9px;
    height: 300px;
    width: 180px;   
    left: 70px;
    top: 110px; 

}



.page-box{
    position: absolute;
    background-color: rgb(243, 221, 135);
    padding: 9px;
    margin:10px;
    height: 900px;
    width: 540px;
    border: 10px rgb(216, 147, 218);
    left: 300px;
    top: 50px;
}






.link-yellow {
     color:rgb(61, 37, 62);
}

.art-worry{
     color:rgb(61, 37, 62);
}


.link-pink {
    color:rgb(61, 37, 62);
}

.batim {
     color:rgb(61, 37, 62);
}







hr{
    height: 2px;
    background: rgb(61, 37, 62);
    border: none;
}




.scroll-box {
    scrollbar-color: rgb(245, 215, 244);
    background-color:rgb(26, 3, 24);
    border: 1px solid pink;
    display: block;
    width:30em;
    overflow:auto;
    height:7em;
    padding:1em;
    margin:2px;
    outline: 2xp dashed red;
}



.mostly-customized-scrollbar::-webkit-scrollbar {
    background: black;
}




.scroll-text{
    background-color: pink;
}






.scroll {
    height: 200px;
    width: 30em;
    border: 1px solid pink;
    padding: 30px;
    overflow-y: scroll;
    background-color: rgb(26, 3, 24);

}

.bar{
    height: 90px;

    padding: 20px;
}




.clown-girl {
    position: relative;
    width:300px;
    height:20px;
    border:2px ;
    top: -400px;
    left: 300px;
}