/* Content in main */
.article {
    background-color: transparent;
    position: relative;
    padding: 1rem;
    cursor: pointer;
    display: block;
    margin-bottom: 3rem;
    color: var(--text-color);
    text-decoration: none;
    border: var(--darker-bg-color) solid 2px;
    transition: 0.3s;
}
.article:hover {
    border: var(--darkest-bg-color) solid 2px;
}
@media (width <= 30rem) {
    .article p {
        display: none;
    }
}
.type_text {
    width: fit-content;
    background-color: var(--highlight-color);
    font-size: 1.8rem;
    position: absolute;
    padding: 0.2rem;
    top: 1.6rem;
    right: 1.6rem;
}
.author_text {
    text-align: end;
    font-size: 1rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}