@import"https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Cairo,sans-serif}HTML{direction:rtl}section{background:url(/assets/image-DRMBDEhC.jpg);background-size:cover;background-position:center;min-height:100vh;display:flex;align-items:center}section .container{width:650px;background:#332a224e;padding:30px 25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #d7d7d74e;border-radius:10px;margin-right:15%;zoom:.8}section .top_sec{display:flex;justify-content:space-between;padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #d7d7d74e}section .top_sec select{width:250px;border-radius:5px;outline:none;background:#33457f;padding:2px 10px;color:#fff;font-size:22px;margin-top:10px}section .top_sec h3{font-size:26px;color:#fff}section .top_sec .date{width:250px}section .top_sec .date h4{font-size:26px;color:#fff}section .prayer{display:flex;justify-content:space-between;align-items:center;padding:5px 25px;background:#33457f;margin-bottom:25px;color:#fff;font-size:24px}@media (max-width: 992px){section .container{width:80%;margin:0 auto}section .top_sec{flex-wrap:wrap;align-items:center}section .top_sec h3{font-size:24px;margin-right:10px}section .top_sec .date{font-size:24px;margin-left:10px}section .top_sec select{width:100%;margin-top:10px}}@media (max-width: 768px){section .container{width:90%;padding:25px 15px}section .top_sec h3,section .top_sec .date{font-size:22px}section .prayer{flex-direction:grid;align-items:flex-start;font-size:20px;padding:5px 25px}.prayer{align-items:flex-start;font-size:18px;font-size:16px;gap:120px;padding:5px 12px}.name_prayer,.time_prayer{margin:2px 0}}@media (max-width: 480px){section .top_sec h3,section .top_sec .date{font-size:20px}section .top_sec select{width:100%;font-size:18px;padding:2px 8px;margin-top:10px}section .prayer{font-size:18px}}