main h1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #000;
    font-family: Lexend;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

main {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}

main p {
    font-family: Lexend;
    font-weight: 200;
    text-align: justify;
}

main article {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: flex-start;
    width: 100%;
}

h2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #000;
    font-family: Lexend;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.podcast {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.podcast a {
    padding: 24px 16px;
    background-color: #94bb4c;
    border-radius: 32px;
    height: calc(152px - 48px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
    margin-left: 8px;
    color: #255616;
    text-decoration: none;
    font-family: 'Lexend';
    font-size: 20px;
}

.podcast a:hover {
    text-decoration: underline;
}

.filmdiv {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.filmdiv a,
.books a {
    margin-top: 16px;
    font-family: 'Lexend';
    color: #255616;
    text-decoration: none;
}

.filmdiv a:hover,
.books a:hover {
    text-decoration: underline;
}

.filme {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.books {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.book {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
}

@media screen and (max-width: 1680px) {

    .filme,
    .books {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .filme iframe {
        width: 100%;
        height: auto;
    }

    .filmdiv {
        margin: 8px 72px;
    }
}

@media screen and (max-width: 700px) {
    .podcast {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .podcast a {
        font-family: 'Lexend';
        color: #255616;
        text-decoration: none;
        padding: 0;
        background-color: transparent;
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        font-size: 16px;
    }

    .filmdiv {
        margin: 8px 0 ;
    }
}