@font-face{
    font-family:"Leipzig Fraktur";
    src:url("../fonts/LeipzigFraktur.ttf") format("truetype");
}

html,body{
    margin:0;
    padding:0;
    background:white;
    color:#111;
    height:90%;
}

body{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    font-family:Georgia, serif;
}

.homepage{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    animation:fadeIn 1.2s ease;
}

.wappen{
    width:min(58vw,560px);
    height:auto;
    filter: drop-shadow(0px 8px 18px rgba(0,0,0,.15));
}

h1{
    margin-top:28px;
    margin-bottom:10px;
    font-family:"Leipzig Fraktur", serif;
    font-size:clamp(3rem,6vw,5.8rem);
    font-weight:normal;
    letter-spacing:1px;
}

footer{
    width:100%;
    padding:24px;
    text-align:center;
    color:#666;
    font-size:.9rem;
}

footer a{
    color:#1b5e20;
    text-decoration:none;
}

footer a:hover{
    text-decoration:underline;
}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0px);
    }
}