.form_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.attr_wrapper {
    display: grid;
    grid-template-columns: 3em 3em 3em 1fr;
}

.box_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.r1c1 {
    grid-column-start: 1;
    grid-row-start: 1;
}
.r2c1 {
    grid-column-start: 1;
    grid-row-start: 2;
}
.r3c1 {
    grid-column-start: 1;
    grid-row-start: 3;
}
.r4c1 {
    grid-column-start: 1;
    grid-row-start: 4;
}
.r5c1 {
    grid-column-start: 1;
    grid-row-start: 5;
}
.r6c1 {
    grid-column-start: 1;
    grid-row-start: 6;
}
.results {
    grid-column: 1/3;
}
.results3 {
    grid-column: 1/4;
}

.r1c2 {
    grid-column-start: 2;
    grid-row-start: 1;
}
.r2c2 {
    grid-column-start: 2;
    grid-row-start: 2;
}
.r3c2 {
    grid-column-start: 2;
    grid-row-start: 3;
}
.r4c2 {
    grid-column-start: 2;
    grid-row-start: 4;
}
.r5c2 {
    grid-column-start: 2;
    grid-row-start: 5;
}
.r6c2 {
    grid-column-start: 2;
    grid-row-start: 6;
}

.r1c3 {
    grid-column-start: 3;
    grid-row-start: 1;
}
.r2c3 {
    grid-column-start: 3;
    grid-row-start: 2;
}
.r3c3 {
    grid-column-start: 3;
    grid-row-start: 3;
}
.r4c3 {
    grid-column-start: 3;
    grid-row-start: 4;
}
.r5c3 {
    grid-column-start: 3;
    grid-row-start: 5;
}
.r6c3 {
    grid-column-start: 3;
    grid-row-start: 6;
}

body {
    font-family:'PT Sans', sans-serif;
}

.odd td {
    background-color:aliceblue;
}

.even td {
    background-color:lightgray;
}

.heading tr {
    border-bottom: 1px solid black;
}

.bigbox {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}