:root {
    --color1: #60f;
    --color2: #f00;
}

.page-name {
    background-image: url("../images/lorps.gif");
    background-size: auto 100%;
    background-repeat: repeat;
    color: white;
    font-family: "6x7 Pixel";
    font-weight: 700;
    font-size: clamp(1.2rem, 4vw, 5rem);
    text-shadow: 0 0 25px white;
}

.lore-intro {
    padding: 5px 0;
}

.lore-intro h1,
.lore-entry h2 {
    color: white;
    font-family: "6x7 Pixel";
    margin-bottom: 10px;
}

.lore-entry {
    border-top: 1px solid #ffffffbb;
    border-bottom: 1px solid #ffffffbb;
    padding: 15px 0;
}

.entry-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.entry-tag {
    border: 1px dashed #ffffffbb;
    color: white;
    padding: 3px 8px;
    font-family: "6x7 Pixel";
    font-size: 0.8em;
}

.entry-placeholder {
    border-left: 2px dotted #ffffffbb;
    padding-left: 12px;
    opacity: 0.75;
}