body {
    margin: 5% auto;
    background: #f2f2f2;
    color: #444444;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    text-shadow: 0 1px 0 #ffffff;
    max-width: 73%;
}

a {
    border-bottom: 1px solid #444444;
    color: #444455;
    text-decoration: none;
}

a:hover {
    border-bottom: 0;
    color: #232042
}

.gridbase {
    display: grid;
    text-align: justify;
    text-justify: inter-word;
    column-gap: 2em;
}
.grid2 {
    grid-template-columns: 50% 50%;
}
.grid3 {
    grid-template-columns: 33% 33% 33%;
}
.grid4 {
    grid-template-columns: 25% 25% 25% 25%;
    column-gap: 1em;
}
.grid5 {
    grid-template-columns: 20% 20% 20% 20% 20%;
    column-gap: 1em;
}
.grid6 {
    grid-template-columns: 50% 10% 10% 10% 10% 10%;
    column-gap: 1em;
}

.form_display {
    display: grid;
    border: 1px solid #000000;
    grid-template-columns: 10em auto;
    background-color: #949494;
    padding: 10px;
    row-gap: 10px;
    column-gap: 10px;
}

.table_display {
    display: grid;
    border: 1px solid #000000;
    grid-template-columns: auto auto 5em 15em;
    background-color: #949494;
    padding: 10px;
    row-gap: 10px;
    column-gap: 10px;
}

.form_item {
    background-color: #f2f2f2;
    border: 1px solid #000000;
    padding: 20px;
    text-align: center;
}

.error {
    color: red;
    font-size: 1.5em;
}