@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;300;400;500;600;700&display=swap);html{direction:rtl;font-size:62.5%}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:#1e1e1e;color:#fff;display:flex;font-family:IBM Plex Sans Arabic,sans-serif;justify-content:center;min-height:100dvh}.app{padding:4rem 3rem}.time-details{align-items:flex-start;border-bottom:1px solid hsla(0,0%,100%,.201);display:flex;flex-wrap:wrap;justify-content:flex-start;line-height:1;margin-bottom:3rem;padding:3.2rem 0}.time-details p{font-size:2rem;margin-bottom:3.2rem}.time-details h2{font-size:3.6rem}.city-and-date{width:25rem}.time-left{margin:0 auto}.cards{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;list-style-type:none}.card{background-color:#fff;border-radius:4px;color:#1e1e1e;height:35rem;width:26rem}.card-content{margin-top:5rem;padding-right:1rem}.card-content p{font-size:2.8rem;font-weight:700}.card-content h2{font-size:7.4rem;font-weight:100}.card-img{align-items:center;display:flex;height:13rem;justify-content:center;overflow:hidden}.card-img,.card-img img{border-top-left-radius:4px;border-top-right-radius:4px}.card-img img{width:100%}select{background-color:#1e1e1e;border-radius:4px;color:#fff;direction:ltr;display:block;font-family:inherit;font-size:1.2rem;margin:0 auto 2rem;padding:1.3rem 1rem;width:26rem}.load-time{-webkit-animation:load 2s ease-in-out infinite;animation:load 2s ease-in-out infinite;border-radius:4px;height:10rem;margin-top:1rem;width:21rem}.load-city{-webkit-animation:city 2s ease-in-out infinite;animation:city 2s ease-in-out infinite;border-radius:4px;height:3.6rem;width:25rem}@-webkit-keyframes load{0%{background-color:#f6f7f8}50%{background-color:#d8d8d8}to{background-color:#f6f7f8}}@keyframes load{0%{background-color:#f6f7f8}50%{background-color:#d8d8d8}to{background-color:#f6f7f8}}@-webkit-keyframes city{0%{background-color:#2d2d2d}50%{background-color:#383838}to{background-color:#2d2d2d}}@keyframes city{0%{background-color:#2d2d2d}50%{background-color:#383838}to{background-color:#2d2d2d}}@media (max-width:86em){html{font-size:50%}}@media (max-width:29.4375em){.cards{gap:2rem}}@media (max-width:24.875em){.time-details p{margin-bottom:2.6rem}.time-left{margin:4rem 0 0}}
/*# sourceMappingURL=main.05cfb097.css.map*/