article{
    margin-top: 5vh;
}

.cover-img img{
    width: 100%;
}

.title>h1{
    font-size: 3em;
    text-align: left;
    margin-block: .5em;
}

.metadata{
    display: flex;
    margin-block: 2vh;
}

.publishing-date{
    margin-left: 2rem;
}

.content{
    margin-bottom: 8vh;
}

.content h1{
    margin-block: 1.5em;
}

.content h2{
    margin-block: 1.3em;
}

.content p{
    margin-block: .5em;
    line-height: 1.7em;
}

.content li{
    list-style-type: square;
    margin-left: 1em;
    margin-bottom: 1em;
}

@media (max-width: 1024px) {
    .title h1{
        font-size: 2.5rem;
    }
}


@media (max-width: 480px) {
    .title h1{
        font-size: 2rem;
    }
}