body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.menu{color:gold}.menu:hover{color:#daa520}.navbar{background:linear-gradient(#000,#2f4f4f)}.timings-container{display:flex;flex-wrap:wrap;justify-content:space-between}.card{color:#fff;margin-left:10px}.card,.second-card{background-color:#2f4f4f;border-radius:5px;box-shadow:0 0 10px #0003;font-family:Cinzel Decorative;font-size:large;margin-bottom:20px;margin-top:10px;min-height:350px;padding-top:25px;position:relative;width:48%}.second-card{color:#000;margin-right:10px}@media only screen and (max-width:768px){.card{margin:10px auto 20px;width:95%}.second-card{margin:0 auto 20px;width:95%}}.cardContent{width:80%}.card img,.cardContent{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.card img{height:250px;object-fit:contain;opacity:.3;width:250px}.newcomp-container{text-decoration:none}.new-card img{opacity:.5}footer{background:linear-gradient(#2f4f4f,#000);bottom:0;color:#daa520;height:40px;position:relative}footer p{padding:20px 0;text-align:center}.qibla-map-container{height:400px;margin:20px 0;position:relative;width:100%}.qibla-map{border:1px solid #ddd;border-radius:8px;height:100%;width:100%}.qibla-marker{background-color:#3498db;border-radius:50%;height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;z-index:1000}.qibla-polyline{stroke:#e74c3c;stroke-width:2px;fill:none}.newcomp-container{display:flex;flex-wrap:wrap;justify-content:space-between}.new-card{background-color:#2f4f4f;border-radius:10px;box-shadow:0 0 10px #0003;color:#fff;font-family:Open Sans;font-size:large;margin:10px;min-height:350px;padding-top:25px;position:relative;text-decoration:none;width:48%}.new-card img{image-resolution:640000;height:500px;object-fit:contain;opacity:.6;width:500px}.new-card .cardContent,.new-card img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.new-card .cardContent{font-family:Open Sans;text-decoration:none;width:80%}@media only screen and (max-width:768px){.new-card{margin:10px auto 20px;width:95%}}.button{background-color:#f5f5f5;border-radius:30px;box-shadow:3px 3px 10px #000;color:#000;height:30px;opacity:.2;padding-left:10px;padding-top:5px;transition:all .5s;width:80px}.button:hover{background-color:#fff;box-shadow:5px 5px 15px #000;opacity:1}
/*# sourceMappingURL=main.ca544f87.css.map*/