body {
    background-color:#ddd;
    color:#292f33;
    font-family:sans-serif;
}
*>* {
    box-sizing:border-box;
    margin:0;
}

a {
    cursor:  not-allowed;
}

a[href] {
    cursor: pointer ;
}

.title  {
    text-align: center;
    font-family:sans-serif;
    line-height: 1.2;
    font-size: calc(5vw + 3vh + 2vmin);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
}
.intro {
    background-color:#ddd;
    text-align: center;
/*    position:-webkit-sticky;
    position:sticky;
*/
    top:0;
    z-index: 5;
    font-size: 2.125vw;
    border: double black 2vmin;
    padding: 0.75em;
}

.social-links {
    font-size:1vw;
    margin-top:1em;
}

.h-card{
    display:none;
}

.h-entry .dt-published, .h-entry .u-url {
    font-size: small;
}

.poast {
    color:rgb(
        var(--accessible-color),
        var(--accessible-color),
        var(--accessible-color)
    );
    background-color:rgb(
        var(--red),
        var(--green),
        var(--blue)
    )
}

.poast-text.plain{
    font-size:3vmin;
}
.poast-text.big{
    font-size:5vmin;
}
.poast-text.bigger{
    font-size:10vmin;
}
.poast-text.uge{
    font-size:15vmin;
}

.poast-photo {
    margin:0 1em;
    padding:0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
    height:90vh;
    width:auto;
    background-size: auto 100vh;
}
.poast-photo .image {
    visibility:hidden;
    margin:0;
    height:90vh;
    width:auto;
}

.end-of-line {
    background-color:#ddd;
    text-align: center;
    font-size: 2.125vw;
}

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
    }
    @keyframes blink-animation {
    to {
        visibility: hidden;
    }
    }
    @-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

form {
    font-size: 2.125vw;
    text-align:center;
}
form > section {
    border: dashed black 0.5vmin;
    padding: 0.75em;
    margin: 0.75em;
}
form textarea {
    width: 100%;
}
form button[type="submit"] {
        text-align: center;
        font-family:sans-serif;
        line-height: 1.2;
        font-size: calc(5vw + 3vh + 2vmin);
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        padding:0.5em;
}