.container{
    display: flex;
    justify-content: center;
    height: 100%;
    gap: 10px;
    margin: 0 10px 0 10px;
}
.post_c{
    max-width: 728px;
    height: 90px;
    margin: 30px auto;
}
.first_block{
    width: 66.6%;
    margin: 15px auto 0;
}
.main{
    width: 66.6%;
}
.post_a1,.post_a2{
    width: 300px;
    height: 600px;
    flex:1
}
.main_nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 15px;
    width: 100%;
    height: max-content;
}

.main_content-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.viewMore{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid;
    padding: 2px 7px;
    background: linear-gradient(to top, #e7daff,#f7e9f9,#fef3e7);
    border-image: linear-gradient(to top, #5117ff,#cc84ff,#ffc879) 1;
}
.viewMore:hover{
    text-decoration: none;
    cursor: pointer;
}
.viewMore span{
    font-weight: 600;
    font-size: 18px;
    color: #2B21F8;
    line-height: 26px;
    text-align: left;
}
.viewMore img{
    margin-left:6px;
}
.more{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:16px;
    flex-wrap: wrap;
    gap: 16px;
}
.more .item {
   flex: 1 1 15%;
}
.featured_puzzles{
    width: 280px;
    aspect-ratio: 27 / 5;
}
.new_puzzles{
    width: 230px;
    aspect-ratio: 22 / 5;
}