main{
    margin: 4rem auto 0 auto;
    width: 70%;
    background: var(--bg-color);
    box-shadow: 0 0 1em black;
    font-size: calc(9px + 0.490625vw);;
    /* padding-bottom: 4rem; */
}
#headerline1{
    color: var(--accent-1);
    margin: 0 auto;
    width: 90%;
}
#headerline1 h1{
    font-size: 5rem;
    margin: 0 0 1rem 0;
    font-family: 'Matura MT Script Capitals', sans-serif;
    text-align: center;
}
#headerline1 b{
    font-family: 'Matura MT Script Capitals', sans-serif;
    font-size: 34px;
}
main h2{
    margin: 0 0 1rem 0;
    text-align: center;
}
main .ongreen{
    background: var(--accent-1);
    color: var(--bg-color);
    font-weight: 300;
}
main span{
    margin: 0;
    padding: 1em 2em;
    display: block;
    text-align: justify;
    user-select: text !important;
    font-size: calc(11px + 0.490625vw);
}
main span ul li{
    display: list-item;
    overflow: unset;
    list-style: disclosure-closed;
    user-select: text !important;
    margin-bottom: 0.5em;
}
main span i{
    user-select: text;
    font-weight: 300;
}
main span b{
    user-select: text;
}
.navbarline{
    width: 100%;
    background: var(--box-shadow20);
    margin: 1em 0;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.navbarline a{
    text-decoration: none;
    padding: 1em;
    color: var(--fg-color);
    font-weight: 600;
}
.navbarline a:hover, .navbarline a:focus{
    background: var(--box-shadow20);
    box-shadow: 0 0 20px 20px var(--box-shadow20);
}
.icon{
    height: 30px;
    margin-right: 0.5em;
}
.bigicon{
    display: block;
    margin: 1em auto;
    width: 15vh;
}