body {
    margin: 5em;
    max-width: 1000px;
    min-height: 800px;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

body, html {
    box-sizing: border-box;
}

* {
    box-sizing: inherit;
}


/* TOP AND BOT BAR */
.bar {
    width: 100%;
    display: flex;
    align-items: center;
    height: fit-content;
}
.bar > div{
    flex: 1;
}
.left > p {
    text-align: left;
}

.mid > p {
    text-align: center;
}

.right > p {
    text-align: right;
}

.panel > .title {
    font-style: italic;
}

.panel {margin-bottom: 1em;}
.bot {margin-top: 1em;}
.top {font-weight: bold;}
.last {
    margin-bottom: 0em;
}