/* Global style */
:root {
    --lentlive-foreground:White;
    --lentlive-background-1:#01F;
    --lentlive-background-2:#006;
    --lentlive-focus: #44F;
}
body {
    font: 1em sans-serif;
    color: White;
    background: var(--lentlive-background-2);
    margin:0;
    min-height:calc(100vh - 50px);
    width:100%;
}
a {
    color:white;
}
header {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font: 2.5em sans-serif;
    color: var(--klereherrie-logo);
    height: 2em;
    padding: 1em 0;

    background: linear-gradient(var(--lentlive-background-2),var(--lentlive-background-1),var(--lentlive-background-2)) no-repeat center;
    background-size: cover;
}
header > img {
    height: 2em;
}
header > span {
    text-align: center;
    vertical-align: middle;
    height: 100%;
    display: inline-block;
}
main {
    width:calc(100% - 20px);
    margin:auto;
    margin-bottom:50px;
    padding:10px;
    text-align: center;
}
footer {
    position: fixed;
    bottom:0;
    width:100%;
    text-align:center;
    height:50px;
    line-height:50px;
    background-color: var(--lentlive-background-2);

}
nav {
    background: var(--lentlive-background-2);
    text-align: center;
    margin: 2em 0;
}
nav > a {
    margin: 5px;
    padding: 0.5em 1em;
    font:2em sans-serif;
    color: var(--lentlive-foreground);
    text-decoration:none;
    background: var(--lentlive-background-1);
    border-radius: 1em;
    display: inline-block;
}
nav > a:hover {
    background: var(--lentlive-focus);
}
input[type="submit"] {
    height: 2em;
}
input[type="text"] {
    height: 1.5em;
    width: 15em;
}
table {
    display: inline-table;
}

/* Mobile optimization */
@media (orientation: portrait) {
    body {
        font: 3vw sans-serif;
    }
    nav > a {
        margin: 5px;
        font:5vw sans-serif;
    }
    footer {
        position: fixed;
        bottom:0;
        width:100%;
        text-align:center;
        height:50px;
        line-height:50px;
        background-color: var(--lentlive-background-2);
    
    }
    input[type="submit"] {
        height:4vw;
    }
    input[type="text"] {
        height:3vw;
        width:30vw;
    }
}