/*! Copyright by Andreas Pflügl | https://pflue.gl/ */

html {
    min-height: 100vh;
    font-family: 'Poppins', serif;
    color: #FFF;
    font-size: 18px;
}

body {
    min-height: 100%;
    margin: 0;
    position: relative;
}

a:link, a:visited, a:hover {
    color: #FFF;
}

a.contact {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 22px;
    border: 5px solid #95C11F;
    border-radius: 4000px;
    display: inline-block;
    width: 150px;
    height: 150px;
    line-height: 150px;
    transition: border-color 350ms;
    margin-bottom: 32px;
}

a.contact:hover {
    border-color: #FFF;
}

a.logo {
    display: block;
    margin: auto;
    max-width: 400px;
    padding: 16px;
}

.grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 1fr);
    min-height: 100vh;
}

.grid div {
    align-content: center;
    text-align: center;
}

.top {

}

.middle {
    grid-row-start: 2;
}

.bottom {
    grid-row-start: 3;
}

/* Home */
body.home {
    background-image: url('/img/background.jpg');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.home a.logo {
    max-width: 600px;
}

/* Imprint */
body.imprint {
    background-color: #000;
}

a.imprint-link {
    text-decoration: none;
    font-size: 20px;
}