html,
body {
    width: 100%;
    height: 100%;
    margin: auto;
    overflow: scroll;
    background-repeat: no-repeat;
    background-size: cover;
}

body {
    background-image: url("./assets/images/background.jpg");;
}

#material-icons-menu {
    font-size: 4rem;
    color: white;
}

.sidenav {
    background-color: rgb(255, 220, 206);
}

.user-view {
    background-color: white;
}

#menu_image {
    height: 7rem;
    width: 7rem;
}

#menuFont {
    font-size: 1.5rem;
    margin-bottom: 2.5%;
}

#headerFont {
    font-family: 'Poiret One', cursive;
    font-size: 7rem;
    color: white;
    text-shadow: 1px 3px 0 #474747, 1px 13px 5px #474747;
}

#headerContainer {
    margin-top: 1rem;
    margin-bottom: 4rem;
}

#mainBody {
    margin-bottom: none;
    /* padding: 1rem; */
    border-top: 2px solid rgb(0, 225, 255);
    border-bottom: 4px solid rgb(0, 225, 255);
    background: linear-gradient(90deg, rgb(173, 229, 245) 20%, rgb(250, 207, 210) 80%);
    /* background-color: rgb(226, 225, 225); */
    transform: skewY(3deg);
}

#mainBodyPic {
    transform: skewY(-3deg);
}

#churchPic {
    width: 100%;
    border-radius: 20px;
    background-color: whitesmoke;
    border: 3px solid rgb(245, 193, 191);
    box-shadow: 10px 36px 32px 0px rgba(46, 46, 46, 0.75);
    margin-top: 4rem;
    margin-bottom: 4rem;
}

#mainFont {
    font-family: 'Poiret One', cursive;
    color: black;
    padding: 3rem;
}

#mainFont2 {
    font-family: 'Poiret One', cursive;
    font-size: 3rem;
    color: black;
}

#secMainBod{
    margin-bottom: 25rem;
    padding: 7rem;
    border-bottom: 4px solid rgb(0, 225, 255);
    background-color: rgba(139, 139, 139, 0.938);
    color: white;
    font-family: monospace;
    transform: skewY(3deg);
}

#contactInfo {
    transform: skewY(-3deg);
}

#aboutUsCont {
    background-color: rgba(180, 179, 179, 0.952);
    box-shadow: 10px 10px 30px 10px rgb(85, 195, 247);
    padding-right: 4rem;
    padding-left: 4rem;
    padding-bottom: 4rem;
}

#staffCont {
    background-color: rgba(206, 206, 206, 0.664);
    border: 2px solid grey;
    padding: 4rem;
    margin-bottom: 20rem;
}

.card {
    box-shadow: 10px 36px 32px 0px rgba(46, 46, 46, 0.75);
    margin-bottom: 10rem;
}

.page-footer {
    background-color: rgba(245, 193, 191, 0.733);
}

iframe {
    margin-top: 10%;
}

.fb-like {
    filter: hue-rotate(320deg);
}