@import url(common.css);

main h2 {
    padding: 20px;
    text-align: center;
}

.sermons {
    width: 100%;
    height: 70vh;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 150px;
    gap: 10px;
    overflow-y: auto;

    div {
        margin: 10px;
        padding: 20px;
        background-color: beige;
        border: 2px solid darkgray;
        border-radius: 10px;
        text-align: center;
    }

    a {
        text-decoration: none;
    }

    a h3 {
        color: #5E1912;
    }

    a p {
        color:darkblue;
    }
}