#main .home-header .home-header_block {

        margin-top: 240px;
        margin-bottom: 240px;

        h1{
            text-align: center;
            font-size: 50px;
        }

}
#main .home-header .home-header_btn{
    display: flex;
    justify-content: center;

    a{
        padding: 10px 20px;
        border-radius: 10px;
        font-size: 1.2em;
        transition-duration: 0.5s;
    }
    a:hover{
        background-color: #a1a1a1;
    }
}
[data-theme="dark"] .home-header .home-header_btn a{
    background-color: var(--dark-btn-bg);
    color: var(--light-text);
}
[data-theme="light"] .home-header .home-header_btn a {
    background-color: rgb(28 25 23);
    color: var(--dark-text);
}
#main .home-posts{
    margin-bottom: 150px;
    ul{
        list-style: none;
        li {
            display: flex;
            margin-top: 30px;
            margin-bottom: 30px;
            div {
                width: 25%;
            }
        }
    }
}
@media (max-width: 680px) {
    #main .home-header .home-header_block{
        margin-top: 100px;

        h1{
            font-size: 40px;
        }
    }
    #main .home-posts ul {
        padding: 0;
        li{
            flex-direction: column-reverse;

            div{
                width: 100%;
            }
        }
    }
}