/* BOTH SECTIONS */
main .main-info h2,
main .recent-news h2 {
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 2px dashed var(--border);
}

/* MAIN INFO */
main .main-info p {
    text-align: start;
}

main .main-info p a {
    color: var(--text-main);
    text-decoration: none;
}

/* RECENT NEWS */
main .recent-news {
    text-align: center;
}

.recent-news p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.recent-news img {
    max-width: 90%;
}

@media (max-width: 600px) {

    /* Img on phone was tiny. This fixes it */
    .recent-news img {
        max-width: 100%;
    }
}