:root {
    font-size: medium;
    font-family: "Texturina", serif;
    line-height: 1.3;
    --bg: #f4e4ef;
    --fg: #503450;
    --acc: #B53E76;
}

body {
    background-color: var(--bg);
}

main {
    max-width: 800px;
    margin: auto;
    padding-bottom: 2.2rem;
}

p, h2, h3, h4{
color: var(--fg);
font-size: 1rem;
}

p{
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}

p.info{
    font-style: italic;
}

h2, h3, h4{
    margin-bottom: 0rem;
}

img {
    display: block;
    margin-left: auto;
    margin-bottom: 1.1rem;
    max-width: 66%;
    z-index: -5000;
    opacity: 0.9;
}


h3{
    font-weight: 600;
    text-align: right;
}

h4{
    font-weight: 600;
    margin-top: 1.2rem;
}

a {
    color: var(--fg);
    font-weight: 600;
    text-decoration-style: dashed;
    text-underline-offset: 0.25rem;
    text-decoration-color: var(--acc);
    }

span.blockspam {
  display: none;
}

span.bee {
    font-weight: 600;
    }

span.hl {
    display: inline-block;
    padding: 0.25rem;
    background-color: var(--fg);
    color: var(--bg);
}

hr {
    border-style: dashed;
    border-color: var(--acc);
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}

@media only screen and (max-width: 600px) {

:root {
    font-size: small;
}

main {
    padding: 1.1rem;
    padding-top: 0;

}

}