.section-name {
    font-family: var(--font-inknut);
}

.indent {
    text-indent: 2em;
}

.section-style {
    background-color: var(--bg-transparent);
}

.section-name {
    font-size: 18pt;
    text-align: center;
}

@media (min-width: 768px) {
    main {
        margin: 0 5%;
    }

    .section-name {
        font-size: 22pt;
    }
}

@media (min-width: 1024px) {
    main { 
        margin: 0 10%; 
    }

    .section-name {
        font-size: 22pt;
    }   
}

@media (min-width: 1440px) {
    main {
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 10%;
    }

    .section-name {
        font-size: 26pt;
    }
}