body {
    font-family: 'Exo 2', sans-serif;
}
.navbar {
    font-family: 'Train One', cursive;
}
.pppNavbar {
    background-color: rgb(106 43 2 / 70%);
}
.pppNavbar .navbar-brand {
    color:#FFFFFF;
    font-size: 36px;
}
#bannerContainer {
    height: 100vh;
    background-color:#7f3606;
    background-image: url('../images/pppengg-banner.png');
    color:#FFFFFF;
    position: sticky;
    top: 0;
    z-index: -1;
}
#mainContent {
    background-color: #FFFFFF;
}
.centerContent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bottomContent {
    position: absolute;
    bottom: 20vh;
    left: 50%;
    transform: translateX(-50%);
    color: #ffe8da;
}
.brandColor {
    color:#7f3606;
}
.colorLink {
    text-decoration: none;
    color:#7f3606;
}
#fixedFooter {
    background-color: #7f3606;
}
#fixedFooter a{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 1.2rem;
}
#fixedFooter a:hover,
#fixedFooter a:visited,
#fixedFooter a:focus,
#fixedFooter a:active {
    color: #FFFFFF;
}
#fixedFooter img{
    margin-top: -4px;
}