/* Стилі для панелі елементів форми */

fieldset {
 background-color: #ffffb3;
 font-family: "Verdana";
 color: #333300;
 box-sizing: border-box;
 border: 3px outset brown;
 margin: 0;
}

fieldset.graph {
 background-color: #ffffa0;
}


legend {
 font-family: "Verdana";
 font-size: 20px;
}

.graph legend {
 font-size: 25px;
}



/* Стилі для симетричної таблиці */

.symmetric {
 display: inline-table;
 width: 100%;
}

.symmetric > div {
 display: table-row;
 width: 100%;
}

.symmetric > div > * {
 display: table-cell;
 width: 50%;
 vertical-align: top;
 padding:5px 10px 5px 5px;
}

.symmetric > div > *:nth-child(1) {
 text-align: right;
}

.symmetric > div > *:nth-child(2) {
 text-align: left;
}

.symmetric input[type="checkbox"] {
 width: 5px;
 margin-top: 8px;
}

label {
 display:block;
 padding:10px 10px 10px 5px;
}

input[type="submit"],input[type="reset"],input[type="button"] {
 padding: 15px;
 font-size: 20px; 
 border-radius: 15px;
}

/* Стиль для кнопки */

button {
 padding: 15px;
 font-size: 20px; 
 border-radius: 15px;
}

input:invalid {
 outline: 1px solid red;
}

input:required {
 outline: 1px solid blue;
}