/* main */

html {
    font-family: Arial;
    background-color: #aaa;
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    border: solid 2px;
    background-color: #ddd;
}

header {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    border: solid 2px;
    z-index: 100;
}

    header .logo-row {
        height: 80px;
        width: 100%;
        background-color: #bbb;
    }

        header .logo-row img {
            height: 70%;
            padding: 12px;
            vertical-align: middle;
            background-color: transparent;
        }

        header .logo-row #sbdab {
            height: 100%;
            font-family: Rockwell;
            font-size: 3em;
            vertical-align: middle;
            padding-left: 15px;
            color: #665;
        }

        header .logo-row .overview-text {
            position: fixed;
            right: 30px;
            font-family: Rockwell;
            font-size: 3em;
            vertical-align: middle;
            padding: 10px;
            text-decoration: none;
            color: #665;
        }

        header .logo-row a:hover {
            color: black;
        }

section {
}

footer {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: solid 2px black;
    background-color: #bbb;
    z-index: 50;
}

    footer .footer-text {
        text-align: center;
        padding: 5px;
    }