html,
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body {
    background: linear-gradient(to bottom right, #000000, #003f05);
}

main {
    font-size: 25px;
    padding: 30px;
    margin: 20px 20vw;
    justify-content: center;
}

.h1 {
    font-size: 2em;
    font-weight: bold;
}

.sec-main {
    margin: 20px 0;
    display: flex;
    flex: 1;
    justify-content: center;
}

.center {
    text-align: center;
}

.post {
    margin-left: 50px;
}

@media (max-width: 769px) {
    .sec-main {
        margin: 10px 0;
    }

    main {
        font-size: 25px;
        padding: 5px;
    }

    main h1 {
        text-align: center;
    }
}