* {
    font-family: 'Times New Roman';
}
body {
    background-color: rgb(105, 200, 238);
}
#theme {
    background-color: rgba(97, 210, 245, 0.904);
    height: 70px;
    text-shadow: 3px 3px 5px gray;
}
#gambar {
    background-image: url(/assets/image/masjid.jpg);
    background-size: cover;
    padding-top: 10%;
    padding-bottom: 20%;
    width: 100%;
    height: 50vw;
}
#main-title {
    color: seashell;
    text-shadow: 3px 3px 5px gray;
}
#about {
    padding-top: 2vw;
    background-color: rgba(97, 210, 245, 0.904);

}
#about-title {
    text-shadow: 3px 3px 5px gray;
}
#about-content {
    text-align: justify;
    padding-top: 3%;
    text-shadow: 3px 3px 5px gray;
}
#masjid-pict {
    padding-top: 2%;
}
#maps {
    padding-top: 10vw;
    padding-bottom: 20vw;
    height: 50%;
}
#maps-content {
    width: 100%;
    height: 50%;
    padding-top: 5vw;
    text-shadow: 3px 3px 5px gray;
}
#maps-title {
    padding-bottom: 5vw;
    text-shadow: 3px 3px 5px gray;
    color: black;
}
#maps-frame {
    padding-bottom: 5vw;
}
#note-maps {
    text-shadow: 3px 3px 5px gray;
}
#picture {
    padding-top: 5%;
}
#slideshow {
    position: relative;
}
#structure {
    padding-top: 10%;
    background-color: rgb(105, 200, 238);
}
#structure-bottom {
    padding-top: 10%;
    background-color: rgb(105, 200, 238);
    padding-bottom: 50px;
}
#structure-title {
    text-shadow: 3px 3px 5px gray;
    color: black;
    padding-bottom: 10px;
}
#structure-list {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 10%;
    text-shadow: 3px 3px 5px gray;
    font-size: 5vw;
}
#list-title {
    background-color: rgba(97, 210, 245, 0.904);
    text-shadow: 3px 3px 5px gray;
}
#title-album {
    padding-top: 5vw;
    padding-bottom: 5vw;
    text-shadow: 3px 3px 5px gray;
    color: black;
}
#card-one {
    padding-bottom: 3vw;
    padding: 20px;
    background-color: rgba(97, 210, 245, 0.904);
}
#card-two {
    padding-bottom: 3vw;
    padding: 20px;
    background-color: rgba(97, 210, 245, 0.904);
}
#card-three {
    padding-bottom: 3vw;
    padding: 20px;
    background-color: rgba(97, 210, 245, 0.904);
}
#card-footer {
    background-color: rgba(97, 210, 245, 0.904);
}
#card-item {
    background-color: rgba(97, 210, 245, 0.904);
}
#img-bkm {
    width: 80vh;
    height: auto;
}
#footer {
    padding-top: 0.5vw;
    text-shadow: 3px 3px 5px gray;
}
#theme-footer {
    background-color: rgba(97, 210, 245, 0.904);
}

