/*
    Front-End Web Devolopment CA1
    '
    Diabetes: survey style sheet
    Author: Ong Qi Jun
    Student ID: 1922657
    Class: DCITP / 1A04
    Date: 7th May 2019

    Filename:   DBT_form.css
/*

/*survey styles*/
form#survey {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-flow: row wrap;
    flex-flow:row wrap;
}


/*Main fieldset*/
form#survey > fieldset {

    /*fieldset border*/
    border:5px rgb(255, 0, 0) double;
    border-radius:20px;

    /*fonts*/
    font-size:1.1em;
    color:rgb(0, 0, 0);

    /*fieldset box*/
    -webkit-flex: 1 1 300px;
    flex: 1 1 300px;
    background-color:rgb(255, 161, 158);
    padding:20px;
    margin:10px;    
    max-width:600px;

    /*To centralise the fieldset with the webpage*/
    margin-left:auto;
    margin-right:auto;  
}

em {
    color: rgb(11, 137, 255);
}

div#option-container {
    outline:1px solid rgb(255, 0, 0);
    margin-left:15px;
    margin-right:20px;
    margin-bottom:15px;
}

label {
    font-size:0.9em;
    font-weight:bold;
}

div#buttons {
    outline:1px solid black;
    margin-top:20px;
    width:auto;
}