body {
    text-align: center;

    h1 {
        color: white;
        margin-top: 0%;
        margin-bottom: 0%;
        font-size: 4rem;
        -webkit-text-stroke: 2px black;
        background-image: url(https://www.publicdomainpictures.net/pictures/230000/velka/red-fox-1500907744R2q.jpg);
        background-size: contain;
        height: 20vh;
    }

    .site_content {
        display: flex;
        flex-direction: row;
        .main_content {
            h2 {
                color: red;
            }
        }
        .vertical_banner {
            color: white;
            background-color: #9F0A0A;
            .category {
                display: flex;
                flex-direction: column;
                gap: 1vh;
                margin: 5px;
                margin-top: 2%;

                a:visited {
                    text-decoration: none;
                    color: white;
                }
            }
        }
    }
}