main {
    padding: 0;
}

.feed {
    width: 100%;
    position: relative;
}



.feed_list {



    padding: 1rem;


    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
    columns: 3;
    /* Kaç sütun olacağını belirler, istediğiniz sayıyı yazabilirsiniz */
    column-gap: 20px;
    /* display: flex; */
    align-items: start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;

    -ms-overflow-style: none;
    /* IE ve Edge */
    scrollbar-width: none;
    /* Firefox */


}

.feed_list_tittle_card,
.feed_list_img_card {
    position: relative;



    background-color: #242424;
    border-radius: 3rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.feed_list_tittle_card {
    padding: 1.5rem;
}

.feed_list_tittle_card_head_profile_img,
.feed_list_img_card_head_profile_img {
    width: 5rem;
}

.feed_list_tittle_card_head_profile_img img,
.feed_list_img_card_head_profile_img img {
    border-radius: 50%;
}

.feed_list_tittle_card_head_profile,
.feed_list_img_card_head_profile {
    display: flex;
    gap: 1rem;
    align-items: center;

}

.feed_list_tittle_card_head,
.feed_list_img_card_head {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}

.feed_list_tittle_card_tittle,
.feed_list_img_card_tittle {
    text-align: center;
    padding: 1rem;
}

.feed_list_tittle_card_icons,
.feed_list_img_card_icons {
    padding: 1rem;

    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-area: 1rem;

}

.feed_list_img_card_icons {
    padding: 2.5rem;
}

.feed_list_tittle_card_head_menuBtn i,
.feed_list_img_card_head_menuBtn i {
    font-size: 2rem;
}

.feed_list_tittle_card_icons_comment,
.feed_list_tittle_card_icons_left,
.feed_list_img_card_icons_comment,
.feed_list_img_card_icons_left {
    display: flex;
    align-items: center;
    gap: 0.5rem;



}

.feed_list_tittle_card_icons_comment,
.feed_list_tittle_card_icons_message,
.feed_list_img_card_icons_comment,
.feed_list_img_card_icons_message {

    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #6e6c6c;
    height: 5rem;
    font-weight: 700;

}

.feed_list_tittle_card_icons_comment,
.feed_list_img_card_icons_comment {
    padding: 1rem;

    border-radius: 1.8rem;
}

.feed_list_tittle_card_icons_message,
.feed_list_img_card_icons_message {
    padding: 1rem;


    border-radius: 1.8rem;
}

.commentIcon i,
.feed_list_tittle_card_icons_message i,
.feed_list_img_card_icons_message i {
    font-size: 2rem;
}

.feed_list_tittle_card_icons_left,
.feed_list_img_card_icons_left {
    gap: 1rem;
}

.feed_list_tittle_card_icons_message,
.feed_list_tittle_card_icons_message {
    width: 5rem;
    border-radius: 2rem;
}

.feed_list_img_card {
    border-radius: 3rem;
}

.feed_list_img_card_background {
    position: relative;
}

.feed_list_img_card_background img {
    border-radius: 3rem;
}

.feed_list_img_card_background::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #242424;
    opacity: 0.4;
    position: absolute;
    top: 0;

    left: 0;
    border-radius: 3rem
}

.feed_list_img_card_head {
    width: 100%;
    position: absolute;
    top: 0;
    padding: 1rem;
    z-index: 1;
}

.feed_list_img_card_icons {
    width: 100%;
    position: absolute;
    bottom: 0;



}

.feed_list_card_tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3.5rem;
}

@media (max-width: 768px) {

    /* You can adjust this breakpoint as needed */
    .feed_list {
        /* grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); */
        grid-template-columns: repeat(2, 1fr);
        /* Two columns, each taking equal space */
    }

    .feed_list_img_card_tittle,
    .feed_list_tittle_card_tittle {
        font-size: 1.2rem;
    }

    .feed_list_tittle_card_icons_comment,
    .feed_list_tittle_card_icons_message,
    .feed_list_img_card_icons_comment,
    .feed_list_img_card_icons_message {


        height: 4rem;


    }

    .commentIcon i,
    .feed_list_tittle_card_icons_message i,
    .feed_list_img_card_icons_message i {
        font-size: 1.5rem;
    }




}









.nav_add_form {
    display: flex;
    flex-direction: column;

    align-items: center;
    width: 100%;
    height: 0;






    visibility: hidden;






    /* background: rgba(255, 255, 255, 0.2);

    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.1px);
    -webkit-backdrop-filter: blur(8.1px); */
}


.nav_add_form_active {
    height: 100vh;
    visibility: visible;
    display: flex;

    flex-direction: column;
    gap: 2rem;
    z-index: 9999999999999999999999999999999;
    padding: 1rem;


    transition: height 0.5s ease-in-out;




}
.nav_add_form div{
    width: 50%;
}
.nav_add_form_category {

    display: flex;
    justify-content: space-between;
    gap: 2rem;
    background-color: #242424;
    border-radius: 2rem;
    padding: 1rem;
}
.nav_add_form_category_list {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    overflow: hidden;
    height: 5rem;
}

.nav_add_form_category_list_active {
    height: 100%;
}

.nav_add_form_category_list input {
    display: none;
}

.nav_add_form_category_list input:checked+label {
    background-color: red;
}

.nav_add_form_category_list label {
    padding: 1rem;
    border-radius: 1rem;

}



.nav_search_form input,
.nav_add_form input .nav_add_form textarea,
.nav_add_form_category_list label {
    background: rgba(255, 255, 255, 0.2);

    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.1px);
    -webkit-backdrop-filter: blur(8.1px);
}