:root {
    --color1: rgba(37, 70, 116, 1);
    --color2: rgba(86, 192, 209, 1);
    --color3: rgba(4, 165, 149, 1);
    --color4: rgba(234, 238, 242, 1);
    --color5: rgba(165, 131, 111, 1);
}

body {
    font-family: 'Poppins', sans-serif;
}

.headerbar {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 33vh;
    width: 100%;
    background-color: var(--color4);
    text-align: center;
    border-radius: 10px;
    padding: 10px 0 10px 0;
}

.headerbar h4 {
    color: var(--color1);
}

.headerbar img {
    min-height: 150px;
    max-width: 100%;
}

.hidden {
    display: none;
}

.footer {
    color: var(--color1);
    background-color: var(--color4);
    border-radius: 10px;
    padding: 50px 50px 50px 50px;
}

.footer a img {
    width: 100px;
    height: 100px;
}