@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
body{
    margin: 0;
    scroll-behavior: smooth;
}
.Home{
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(https://images.unsplash.com/photo-1639574321485-a13faed965c6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1631&q=80);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
h1{
    font-size: 100px;
    color: white;
    z-index: 1;
    font-family: 'Righteous', cursive;
}
.filter{
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: black;
    opacity: 0.6;
    top: 0;
    left: 0;
    z-index: 0;
}
.parallax-info{
    width: 100%;
    height: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 23px;
    box-sizing: border-box;
}
.parallax-info p{
    font-size: 25px;
    font-family: 'Pacifico', cursive;
    color: rgb(46, 46, 46);
    width: 100%;
}
.parallax-info p:hover{
    color: green;
}
.Hajj{
    width: 100%;
    height: 100vh;
    background-image: url(https://images.unsplash.com/photo-1605553378313-22d0dc541393?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1374&q=80);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Photo{
    width: 100%;
    height: 100vh;
    background-image: url(https://images.unsplash.com/photo-1591604129939-f1efa4d9f7fa?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Photo-gallery{
    width: 100%;
    height: 100vh;
    background-image: url(https://images.unsplash.com/photo-1552481224-745fd99a6ffd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Photo-galleryy{
    width: 100%;
    height: 100vh;
    background-image: url(https://images.unsplash.com/photo-1516275860772-794f83076e30?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width:610px) {
    h1{
        font-size: 50px;
    }
    section{
        background-position: center;
    }
}