@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monoton');

body {
    background-color: #c9c7af;
    font-size: 2vw;
}

p {
    font-family: "Chakra Petch", sans-serif;
    margin: auto;
}

.monotonTitle {
    font-family: "Monoton";
    font-size: 50px;
    text-align: center;
    margin: auto;
}

.banner {
    position: absolute;
    background-image: url("../images/banner.png");
    width: 100%;
    height: 100px;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.bannerImage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    max-width: 100%;
}
.bannerTextImage {
    position: absolute;
    top: 0px;
    left: 26%;
    /* margin-left: auto; */
    /* margin-right: auto; */
    max-width: 49%;
    max-height: 100px;
    z-index: 2;
}

.bodyText {
    position: relative;
    top: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: #EEF1DB;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 80%;
    /* padding: 1rem; */
    /* margin-top: 100px; */
    padding-bottom: 5%;
    padding-top: 2%;
}

.rightImg {
    float: right;
    max-width: 300px;
    padding: 10px;
}


.leftImg {
    float: left;
    max-width: 300px;
    padding: 10px;
}

.footer {
    position: absolute;
    left: 0;
    /* bottom: 0; */
    width: 100%;
    /* height: 150px; */
    background-color: #485B63;
    color: white;
    text-align: center;
    /* vertical-align: middle; */
}

.footerText {
    
/* vertical-align: middle; */
    
/* text-align: center; */
    
padding: 2%;
}

a {
    color: white;
}