.blogs-header{
    margin: 2rem;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e9e9e9;
}

.blogs-header a{
    width: 9rem;
    padding: 0.5rem;
}

.blogs-header h1{
    font-weight: 900;
}

.wrapper {
    background-image: none;
}

.blogcontent {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.blog-preview {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 40rem;
    /* height: 12rem; */
    align-items: center;
    justify-content: center;
    row-gap: 0.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.blog-preview h2{
    width: 40rem;
}

.blog-preview p{
    width: 40rem;
}

.blog-preview .blog-preview-img {
    width: 100%;
    height: 20rem;
    background-color: #c7c7c7;
    overflow: hidden;
}

.sample {
    display: none;
}

.blog-page-content{
    width: 50rem;
    margin-left: 50%;
    transform: translateX(-50%);
    padding-bottom: 4rem;
}

.backbtn{
    text-decoration: underline;
    color: rgb(21, 67, 119);
    padding: 2rem;
}