@use '_root.scss';
@use '_vars.scss' as *;

:root {
    --light: #0aa06e;
    --warn: #d6863a;
}

feed {
    font-family: crimson, serif;
    font-size: 1.2rem;
    min-height: 100vh;
    margin: 0;
    padding: 75px 20px;
    background: #fffbf8;
    color: #2f2235;
    display: flex;
    flex-wrap: wrap;
    overflow-wrap: break-word;
    box-sizing: border-box;

    & > * {
        flex: 0 1 100%;

        & * {
            display: block;
        }
    }
}

title {
    font-size: 2em;
    font-weight: bold;
}

icon,
id,
link[rel="self"],
email {
    display: none !important;
}

name {
    display: block;
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--light);
    padding: 50px 0;
}

entry {
    title {
        font-size: 1.5em;
    }
}

entry > :not(title) {
    margin-block: 0.25em;
}

updated,
content {
    font-style: italic;
}

entry,
warn {
    color: inherit;
    text-decoration: inherit;
    transition: color 0.3s;
    border-left: 2px solid var(--light);
    padding: 0 1em;
    display: block;
    margin-block: 0.5em;
}

warn {
    padding: 1em;
    background-color: lightcoral;
    border: none;
}
