main{

    max-width:var(--max-width);

    margin:auto;

    padding:var(--spacing-lg);

}

section{

    margin-bottom:var(--spacing-xl);

}

.hero{

    text-align:center;

    padding:5rem 0;

}

.hero{

    display:grid;

    justify-items:center;

    gap:var(--spacing-lg);

}

.features{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:var(--spacing-lg);

}

.features .card{

    display:grid;

    grid-template-rows:auto 1fr auto;

    gap:var(--spacing-md);

}

.about-preview{

    display:grid;

    gap:var(--spacing-md);

}

.contact-preview{

    display:grid;

    gap:var(--spacing-md);

}

.contact-page{

    display:grid;

    gap:var(--spacing-lg);

}

.contact-hero{

    margin-bottom:0;

}

.contact-hero h1{

    font-size:var(--font-xlarge);

}

.contact-hero p{

    color:var(--text-color-on-bc);

    font-size:var(--font-large);

}

.contact-section{

    display:grid;

    gap:var(--spacing-sm);

    margin-bottom:0;

}

.contact-mail{

    align-items:start;

}

.legal-page{

    display:grid;

    gap:var(--spacing-lg);

}

.legal-hero{

    margin-bottom:0;

}

.legal-hero h1{

    font-size:var(--font-xlarge);

}

.legal-hero p{

    color:var(--text-color-on-bc);

    font-size:var(--font-large);

}

.legal-section{

    display:grid;

    gap:var(--spacing-sm);

    margin-bottom:0;

}

.legal-section address{

    font-style:normal;

}

.courses-page{

    display:grid;

    gap:var(--spacing-lg);

}

.courses-hero,
.courses-section{

    display:grid;

    gap:var(--spacing-sm);

    margin-bottom:0;

}

.courses-hero h1{

    font-size:var(--font-xlarge);

}

.courses-hero p{

    color:var(--text-color-on-bc);

    font-size:var(--font-large);

}