@import"https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Cairo,sans-serif}html{direction:rtl}section{background-size:cover;min-height:100vh;display:flex;align-items:center}section .container{width:650px;background-color:#332a224e;padding:30px 25px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:10px;border:solid 1px #d7d7d74e;margin-right:25vh;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.top-container{display:flex;justify-content:space-between;color:#fff;border-bottom:1px solid #d7d7d74e}.top-container .city,.date{margin-bottom:20px}.top-container .city select{width:250px;background-color:#a54f3a;border-radius:5px;outline:none;padding:2px 10px;font-size:17px;margin-top:10px}.top-container .date h4{width:250px;font-size:22px}.Prayer{display:flex;justify-content:space-between;align-items:center;font-size:20px;padding:5px 25px;background-color:#c0583e75;margin:10px 0;border-radius:5px;color:#fff;border:1px solid white}.Prayer:hover{background-color:#5f362cbb;transform:scale(1.02);transition:.3s ease}@media(min-width:1200px){section .container{width:650px;margin-right:25vh}}@media(max-width:1024px){section{justify-content:center}section .container{width:90%;margin-right:0}.top-container{flex-direction:column;gap:15px}.top-container .city select,.top-container .date h4{width:100%}}@media(max-width:600px){section{padding:60px;background-position:center}section .container{width:100%;padding:20px 15px}.top-container h3{font-size:16px}.top-container .date h4{font-size:18px}.Prayer{padding:10px 15px;font-size:16px}.Prayer_name,.Prayer_time{font-size:16px}.top-container .city select{font-size:15px;padding:5px}}