/*===
    providing a little formatting for the example
    three-value.php

    by: Sharon Tuttle
    last modified: 2024-04-23
===*/

/*---
    give the body a little margin
---*/

body
{
    margin: 1em;
}

/*---
    center the initial form for entering values
---*/

#valueForm
{
    width: 25em;
    margin-left: auto;
    margin-right: auto;
}

/*---
   format the fieldset using grid layout
---*/

fieldset
{
    display: grid;
    grid-template-columns: 35% auto;
    grid-template-areas: ". ."
                         ". ."
                         ". ."
                         "sub_button sub_button";
                             
}

/*---
    center the submit button within its div element
---*/

.sub_button
{
    display: flex;
    justify-content: center;
    grid-area: sub_button;
}

/*---
    put a little more margin under the legend
---*/

legend
{
    margin-bottom: 1em;
}

/*---
    put a little margin under the textfields
---*/

input[type="text"]
{
    margin-bottom: 0.5em;
}