@font-face {
    font-family: Akatab;
    src: url("akatab.ttf");
    font-display: fallback;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin: 0;
    font-family: Akatab, Calibri, sans-serif;
    padding-bottom: 2rem;
}

.header {
    width: 100%;
    max-height: 12rem;
    overflow: hidden;
    display: flex;
    background: url("banner.jpg");
    background-size: cover;
    background-position: 0% 20%;
}

x.header img {
    width: 100%;
    object-fit: contain;
    align-self: center;
}

x.logo {
    top: 1rem;
    left: 1rem;
    position: absolute;
}

.header img {
    max-width: min(10rem, 35%);
    max-height: 10rem;
    object-fit: contain;
}

.content {
    text-align: center;
    max-width: min(90%, 50rem);
}    

.content p {
    text-align: left;
}

.footer {
    font-size: 80%;
    margin-top: 3rem;
    text-align: center;
}

a {
    text-decoration: none;
    font-weight: bold;
    color: #5e5850;
}