.content{
    max-width: 80vw;
    text-align: center;
    display: flex;
    flex-direction:row;
    width: 90%;
    max-height: 100%;
    margin: 0 auto;
    padding: 1em;
    justify-content: space-around;
    
}
.content-featured{
    width: 45%;
    max-height: 100%;
    margin: 0 1em;
   background-image: radial-gradient(circle at center center, rgb(71, 71, 71),rgb(8, 8, 8));
    background-blend-mode: multiply;
    border-radius: 1em;
    padding: 1em;
}
.content-featured img{
    max-width:75%;
}
.content-directory{
    width: 50%;
    max-height: 100%;
    margin: 0 1em;
    background-image: radial-gradient(circle at center center, rgb(71, 71, 71),rgb(8, 8, 8));
    background-blend-mode: multiply;
    border-radius: 1em;
    list-style-position: inside;
    padding: 1em;
}
.content-directory ul li::marker{
    content: "➢ ";
}
.content-directory a{
    color: white;
    text-align: center;
}