@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

:root {
    /* Normal theme */

    --primary-color: black;
    --secondary-color: white;
    --disabled-color: gray;

}

body {
    background-color: var(--primary-color);
    color: var(--secondary-color);
    font-family: JetBrains Mono;
}

/* We don't have Tailwind here, so we must compromise! */
.center {
    text-align: center;
}

.disabled {
    color: var(--disabled-color);
}

.center_a_div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.center_a_div>* {
    display: block;
}

.grid2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 600px) {
    .grid2 {
        grid-template-columns: 1fr;
    }
}

.paginator {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    margin: 2em 0;
}

.post {
    display: flex;
    gap: 1em;
    margin-left: 1em;
}

.id {
    color: var(--disabled-color);
    text-align: center;
}

a {
    color: var(--secondary-color);
}

.flex {
    display: flex;
    gap: 5px;
}

.tag {
    background-color: var(--secondary-color);
    padding: 5px;
    color: var(--primary-color);
}

.paperdrawn {
    filter: grayscale(100%) contrast(100);
}

hr {
    color: var(--secondary-color);
}