@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

body {
    font-family: "Cairo" , sans-serif; 
}

hr {
    width: 95%;
    margin: 0 auto;
}

.background-img {
    width: 100%;
    height: 100vh;
    filter: blur(2px);
}

.selection {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 18vw;
}

.selection select {
    width: 100%;
    color: rgb(41, 132, 201);;
    padding: 2px 5px;
    border: 0;
    outline: 0;
    box-shadow: 2px 5px 10px rgba(0,0,0,0.3);
    font-family: "Cairo" , sans-serif;
}

.date-info {
    background-color: rgb(41, 132, 201);
    border-radius: 15px;
}

.prayer-times {
    border-radius: 15px;
    box-shadow: 2px 5px 10px rgba(0,0,0,0.3);
}

section {
    width: 35%;
}

@media (max-width: 768px) {
    section {
        width: 50%;
    }
}