@import"https://fonts.googleapis.com/css2?family=Aref+Ruqaa&family=Scheherazade+New:wght@700&display=swap";@font-face{font-family:hafs;src:local("\263a"),url(/assets/hafs-6b6a5795.woff2) format("woff2");font-weight:400;font-style:normal}:root{--mainColor: rgb(0, 71, 0)}body{background:#6EB047;background:-webkit-radial-gradient(bottom,#6EB047,#94E9CE) fixed;background:-moz-radial-gradient(bottom,#6EB047,#94E9CE) fixed;background:radial-gradient(to top,#6EB047,#94E9CE) fixed}.container{text-align:center;margin:auto}#title{font-family:Aref Ruqaa,serif;color:var(--mainColor);margin-bottom:10px;font-weight:700;font-size:1.8em}#title>span{font-size:70%;display:block}#ar-ayah-container{display:flex;align-items:center;justify-content:center;flex-direction:column}#ar-ayah-line{width:50%;direction:rtl;font-size:1.3rem}#ar-ayah{font-family:hafs,Times,Traditional Arabic,Arial;margin:10px;width:fit-content;display:inline-block}#ar-ayah-line span{color:var(--mainColor);font-weight:700;padding:5px}#ar-ayah-line span:active{color:#00000a}.material-icons-outlined{cursor:pointer}#listBox{width:50%}.close-icon{box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;background-color:#dcffd9}ul{border:2px solid var(--mainColor);background-color:#e0fdc4;height:200px;overflow:auto;margin:0;padding:0;list-style-type:none;text-align:right}li{word-wrap:break-word;font-size:1.2em;padding:2px;font-weight:700;margin:3px 5px 3px 0;list-style-type:none;direction:rtl}textarea{width:50%;height:150px;padding:12px 20px;box-sizing:border-box;border:2px solid var(--mainColor);border-radius:4px;background-color:#dcffd9;font-size:1rem}button,input,select{margin:3px}.search-bar{padding:5px;font-size:1rem;width:180px;direction:rtl;border:2px solid var(--mainColor);-webkit-border-radius:5px;border-radius:5px}select{background-color:#e2ffd1;margin-top:10px}button{background-color:#4caf50;border:1px solid var(--mainColor);border-radius:10px;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;padding:15px}button:hover{background-color:var(--mainColor)}#eng-ayah>*{margin:3px}@media (max-width: 500px){#listBox,textarea,#ar-ayah-line{width:90%}}