*
{
    font-family: sans-serif;
}

h1, h2, h3, h4
{
    text-align: center;
}

.Section
{
    font-family: sans-serif;
    font-weight: 600;
    text-align: center;
}

.formLayout
{
    background-color: #aaa;
    border-radius: 8px;
    color: #000;
    display: table;
    margin: auto;
    margin-bottom: 8px;
    padding: 8px;
}

.formLayout *
{
    margin: 0px;
    padding: 0px;
}

.formLayout p
{
    padding: 8px;
}

.formLayout label
{
    font-family: sans-serif;
    font-weight: 600;
    margin-right: 20px;

    text-align: right;
}

.formLayout input[type="number"], .formLayout input[type="text"], .formLayout select
{
    box-sizing: border-box;
    
    border: 0;
    border-radius: 8px;
    outline-width: 0;
    padding: 8px;
    transition: background 0.25s;
    
    margin-bottom: 4px;
}

.formLayout input[type="number"]:focus, .formLayout input[type="text"]:focus, .formLayout select:focus {
    background: #ff6;
}

.formLayout .field, .formLayout button, .formLayout input, .formLayout label, .formLayout select
{
    float: left;
    width: 240px;
}

.formLayout hr
{
    border: 0;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #999;
    clear: left;
    
    margin-bottom: 4px;
}

.formLayout .Button
{
    margin-top: 16px;
    border: 1px solid black;
    background: linear-gradient(to bottom, #fff, #888);
    border-radius: 8px;
    padding: 8px;
}

.formLayout .Button:hover
{
    background: linear-gradient(to bottom, #ff0, #888);
}

.formLayout .Button:active
{
    background: linear-gradient(to bottom, #aa0, #555);
}

#submit
{
    margin-right: 20px;
}
    
#reset
{
}