#group1 {
    height: 40%;
    width: 40%;
    text-align: center;
}

#group2 {
    height: 40%;
    text-align: center;
}

#group3 {
    height: 40%;
    text-align: center;
    float: right;
}

#group4 {
    height: 40%;
    text-align: center;
    width: 40%;
    float: right;
}

#group5 {
    height: 40%;
    text-align: center;
    visibility: hidden;
}

#group6 {
    height: 40%;
    text-align: center;
    visibility: hidden;
}

#group7 {
    height: 40%;
    text-align: center;
    width: 40%;
    float: right;
}

#group8 {
    height: 40%;
    text-align: center;
    visibility: hidden;
}

#group9 {
    height: 40%;
    text-align: center;
    width: 40%;
}

.sevContainer {
    display: block;
}

.sevContainer label,
.sevContainer input {
    display: inline-block;
}

.bodyForm {
    background-image: url("./images/main.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

label {
    margin-bottom: 0;
    display: block;
}

.input-group {
    height: fit-content;
}

.checkboxWrapper {
    text-align: center;
    display: inline-block;
}

@media screen and (min-device-width:698px) {
    div#showgrid {
        width: 698px;
        margin: auto;
    }
}

div.column>div {
    border-style: solid;
    border-width: 1px;
}

.row {
    width: 100%;
    margin: auto;

}

@media (min-device-width: 698px) {
    .column {
        width: 230px;
        height: 230px;
        display: inline;
        float: left;
    }
}

.column {
    width: 230px;
    height: 230px;
    margin: auto;
}