style.css

body {
    font-family: sans-serif;
    font-size: 13px;
    min-height: 100vh;
    background: rgb(7, 16, 84);
    background: linear-gradient(135deg, rgba(7, 16, 84, 1) 0%, rgba(53, 94, 142, 1) 100%);
    background-repeat: no-repeat;
}

tr {
    margin: 10px;
}

div#main {
    overflow:hidden;
    height:auto;
    padding: 30px;
    margin: 50px;
    background-color: whitesmoke;
    border-radius: 5px;
    box-shadow: 5px 10px 10px black;
}

div.fullWidth {
    float: left;
    width: 100%;
}


div.box {
    float: left;
    display: inline-block;
    width: 320px;
    padding: 15px;
    margin: 15px;

    background-color: white;
    border-radius: 5px;
}

div.operatorBox {
    float: left;
    display: inline-block;
    padding: 15px;
    margin: 15px;
    background-color: white;
    border-radius: 5px;
}

div.flexibleBox {
    display: inline-block;
    float: left;
    padding: 15px;
    margin: 15px;

    background-color: white;
    border-radius: 5px;
}

div.flexibleBox {
    display: inline-block;
    float: left;
    padding: 15px;
    margin: 15px;

    background-color: white;
    border-radius: 5px;
}

td {
    padding: 3px;
}


h1 {
    font-size: larger;
    align-content: center;
}

h2 {
    font-size: small;
    color: darkgray;
    float: left;
    font-style: italic;
    font-weight: lighter;
}

input.textBox {
    width: 100%;
    background-color: whitesmoke;
    border: white;
    border-radius: 5px;
    padding: 5px;
}

.IOField {
    width: 95%;
    padding-right: 10px
}

.radioButton {
    margin: 3px;
}

@media screen and (max-width: 768px) {
    body{
        background: whitesmoke;
    }

    div.box{
        width: 88%;
    }

    div.flexibleBox {
        width: 88%
    }

    div#main {
        margin: 0;
        padding: 15px;

        box-shadow: none;
    }
}