<style>

.af-bot-border {
    border-bottom: 2px solid silver;
}

#submit_btn:hover {
   background-color: #37807C;
   color:white;
}

.level-00 {
    height: 400px;
    margin: 0px;
    padding: 0px;
    border: 1px solid red;
    width: 100%;
}

.af-border {
    border: 1px solid red;
}

.af-border-bottom {
    border-bottom: 1px grey;
}

.level-01 {
    border: 1px solid red;
}

.level-02 {
    border: 1px solid red;
}

.af-flex-h {
    display: flex;
    flex-direction: row;
}

.af-flex-v {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.af-flex-v-item-card {
    border-top: 2px solid silver;
}

.af-flex-v-item1 {
    flex-grow: 1;
    flex-shrink: 1;
}

.af-flex-v-item2 {
    flex-grow: 2;
    flex-shrink: 2;
}

.af-flex-v-item3 {
    flex-grow: 3;
    flex-shrink: 3;
}

.af-flex-v-item4 {
    flex-grow: 4;
    flex-shrink: 4;
}

.af-flex-v-item5 {
    flex-grow: 5;
    flex-shrink: 5;
}

.af-flex-v-item6 {
    flex-grow: 6;
    flex-shrink: 6;
}

.af-flex-v-item7 {
    flex-grow: 7;
    flex-shrink: 7;
}

.af-flex-v-item8 {
    flex-grow: 8;
    flex-shrink: 8;
}

.af-font-01a
{
    font-family: "Hahmlet", sans-serif;
    font-size: 20;
    font-weight: bold;
    font-style: normal;
    color:darkblue;
}

.af-font-01b
{
    font-family: "Hahmlet", sans-serif;
    font-size: 16;
    font-weight: normal;
    font-style: normal;
    color:grey;
}

.af-font-01c
{
    font-family: "Hahmlet", sans-serif;
    font-size: 16;
    font-weight: bold;
    font-style: italic;
    color:darkblue;
}

.af-txn-header-01
{
    font-family: "Hahmlet", sans-serif;
    font-size: 24;
    font-weight: bold;
    font-style: normal;
    color:darkgreen;
    background-color:#FFFFF0;
}

</style>