body {
    background-image: url('graphics/b09fff88.gif');
    padding: 30px;
}

h1, h2, li {
    color: cornsilk;
}

#usagi {
    width: 800px;
    position: absolute;
    left: 20%;
    top: 20%;
    z-index: 9;
    animation: fade 1s ease-in-out 2s;
}

@keyframes fade {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

li {
    line-height: 1.6;
    font-size: 1.2rem;
}

a {
    color: lightgreen;
    text-underline-offset: .25em;
}

.parent {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    grid-template-rows: repeat(3, max-content);
    gap: 8px;
}

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

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

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

.div8 {
    grid-row-start: 3;
    align-content: end;

    img {
        width: 350px;
    }
}

figure {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

figure img {
    width: 200px;
}

footer {
    background-image: url('graphics/blinkiesCafe-eU.gif');
    background-repeat: repeat;
    height: 40px;
    width: calc(100vw - 60px);
    position: fixed;
    bottom: 30px;
    background-size: 300px;
}

#rotterdam-010 {
    scale: 100%;
    /* img {
        scale: 100%;
        width: 120px;
    }*/
}

#rotterdam-010 table {
    background-color: transparent !important;
    margin: 0 !important;
}

#local {
    color: lightgreen;
    font-size: 22px;
    height: fit-content;
    text-align: right;

    p {
        margin-bottom: 1vh;
    }
}

#localRing p {
    width: 55vh;
    margin-bottom: 0;
}

#localRing {
    margin: 0;
    text-align: right;
}

#localRing a {
    margin-right: 3vh;
    padding: 5px 8px;
}

#localRing a:hover {
    font-style: normal;
}