@font-face {
    font-family:ReemKufi-Regular;
    src: url(ReemKufi-Regular.ttf);
}
html, body

{
background-color: rgb(0, 0, 0) ;
background-size: cover;
background-image: url(111.gif);
size: 25px;
background-size:contain;
background-position-x: center;
background-repeat: no-repeat;
position: relative;
width:100%;
height:100%;
margin:0px;
margin-top: 0px;
font-family: ReemKufi-Regular
}
.example {
font-size: 100px;
color: #FFFFFF ;
margin-right: 800px;
margin-left: 800px;
margin-top: 500px;
}
.scroller {
font-size: x-large;
background-color: rgb(0, 0, 0);
background-image: url(111.gif);
size: 25px;
background-size:contain;
background-position-x: center;
position: relative;
border-radius: 10px;
color: rgb(255, 255, 255);
margin-right: 750px;
margin-left: 850px;
margin-top: 20px;
width: 200px;
height: 100px;
background-repeat: repeat;
overflow-y: scroll;
overflow-x: none;
visibility:hidden;
}
.scroller.active{
visibility: visible;
}
#A1{
right: 50px;
width: fit-content;

}
#A2{
left: 500px;
width: fit-content;

}
#A3{
right: 50px;
width: fit-content;

}
#A4{
right: 500px;
width: fit-content;

}
#A5{
right: 50px;
width: fit-content;
}
#A6{
left: 500px;
width: fit-content;

}
#A7{
right: 50px;
width: fit-content;
}
#A8{
right: 500px;
width: fit-content;
    }
}
}
h3{ 
    font-size: 10px;
    color: rgb(255, 255, 255);
    background-color:  rgb(0, 0, 0);
    background-size: contain;
    position: center;
    border-radius: 15px;
    margin-right: 0px;
    margin-left:0px;
}
h2{
    font-size: larger;
    margin-bottom: 5px;
    color: rgb(255, 255, 255);
    background-color:  rgb(0, 0, 0);
    background-size: contain;
    position: center;
    border-radius: 15px;
    margin-right: 0px;
    margin-left:0px;

}
h1 {
    font-size: larger;
    font-display: 10px;
    margin-bottom: 5px;
    color: rgb(255, 255, 255);
    background-color:rgb(0, 0, 0);
    background-size: contain;
    position: relative;
    border-radius: 15px;
    margin-right: 0px;
    margin-left:0px;

}
//*
}
#A8{
right: 500px;
width: fit-content;
//*