.blog-view {
    padding: 15px 0px;
    background-color: var(--violet-lightest);
}

.blog-titles h1 {
    font-size: 48px;
    color: var(--violet-darkest);
    font-family: var(--font-semibold);
    font-weight: 700;
}

.blog-titles p {
    background-color: #f1ab40;
    color: black;
    font-size: var(--fs-sm);
    border-radius: 20px;
    padding: 1.98px 8.9px;
}

.blog-top-content p {
    text-indent: 15px;
    color: #4f4f4f;
    font-size: var(--fs-nl);
}
.blog-bottom-content p {
    text-indent: 15px;
    color: #4f4f4f;
    font-size: var(--fs-md);
}

.blog-img img {
    border-radius: 12px;
    border-radius: 12px;
}

.blog-sub-title h3 {
    color: var(--violet-darkest);
    font-family: var(--font-semibold);
    font-weight: 600;
    font-size: var(--fs-lg);
}

@media (max-width: 1000px) {
    .blog-title h1 {
        font-size: var(--fs-nl);
    }
    .blog-top-content p {
        text-indent: 15px;
        color: #4f4f4f;
        font-size: var(--fs-md);
    }
    .blog-sub-title h3 {
        font-size: var(--fs-nl);
    }
}

@media (max-width: 768px) {
    .blog-titles h1 {
        font-size: 22px;
        color: var(--violet-darkest);
        font-family: var(--font-semibold);
        font-weight: 700;
    }
}