html {
    background: linear-gradient(#FFE0E3, #f59ebb);
    min-height: 100vh;
}

.forum-page {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    width: 100%;
    gap: 20px;
}

.forum-section {
    width: 97%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
    border: 1px solid #270722;
    background-color: #fff6fd;
}

.cat {
    width: 100px;
}

.osaka {
    width: 200px;
}

.pig {
    width: 200px;
}

.fish {
    width: 300px;
}

@media (prefers-color-scheme: dark) {
    html {
        background: linear-gradient(#121212, #1e1b29);
    }

    .forum-section {
        border: 1px solid #a678af;
        background-color: #1b1b23;
        color: #e4d9ec;
    }

    a {
        color: #b88edc;
        text-decoration: underline;
    }

    a:hover {
        color: #d4b4f0;
    }

    a:visited {
        color: #a678af;
    }
}