.flexBox {
        display: flex;
        flex-direction: column; 
        /* align-items: center; */
    }

    .flexBox01 {
        display: flex;
        flex-direction: row;
        gap: 0.5em;
    }

    body {
        display: flex;
        background-color: #8D634B;
        flex-direction: column;
        align-items: center;
    }

    @font-face {
        font-family: 'BRITANIC';
        src: url('C:/Windows/Fonts/BRITANIC.TTF') format('truetype');
    }

    h1 {
        font-family: 'BRITANIC', 'Calibri';
        color: white;
        font-size: 6em;
        /* margin: 1.5em; */
    }

    h2 {
        font-family: 'BRITANIC';
        color: white;
        font-size: 2.5em;
    }

    .mySection {
        margin: 4em;
    }

    .mySection01 {
        margin-left: 25em;
        margin-bottom: 5em;
    }

    section > div {
        margin-left: 1em;
        margin-right: 1em;
    }

    .extraTextField > div {
        margin-left: 1em;
        margin-right: 1em;
    }

    .extraLabel {
        font-family: 'BRITANIC';
        color: white;
        font-size: 1.5em;
    }

    .divFirst {
        margin-bottom: 2em; 
    } 

    div > label {
        font-family: 'BRITANIC';
        color: white;
        font-size: 1.5em;
    }