body, html {
    background-color: #FFF8E9;
    width: 100%;
}

.header{
    width: 100%;
    padding: 0;
    margin: 0;
}

.content{
    width: 100%;
text-align: center;

}
.content h1, h3, h2{
    width: 100%;
    font-family: IBM Plex Sans Arabic;
}

.content p{
    width: 100%;
    font-family: Noto Naskh Arabic;
}

.main{
    font-size: 120%;
}

button{
    font-family: IBM Plex Sans Arabic;  
}

.footer, ul{
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    font-family: Noto Naskh Arabic;
    font-size: 90%;
}