/*
    Author: Dawn DUerre
    Date: Fall 2022
    Class: CSC135
    Assignment: Lab 3
    Description: Build a medical facitily registration form
*/

/* remove bullets from lists */
ol, ul {
    list-style-type: none;
}

/* outer image */
.outer {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 900px; 
    background-image: url(images/brano-Mm1VIPqd0OA-unsplash.jpg);           
}

/* created to try to get form to be in middle both horizontal and vertical
but it isn't working correctly */
.middle {
    display: table-cell;
    vertical-align: middle;
}

/* THE FORM */

/* Background of the form */
.inner {
    /*margin-left: auto;
    margin-right: auto; */
    margin: 50px 30px;
    width: 500px;
    height: 750px; 
    background-color: bisque;
    border: 1px solid black;
    border-radius: 20px;
    padding: 20px;
}

/* Primary heading */
h1 {
    display: block;
    font-size: 2em;
    color: green;
    text-align: center;
}

/* labels for two sections, this is the two h2 */
.categorylabel {
    display: block;
    background-color: green;
    color: whitesmoke;
    font-size: 1em;
    margin: auto;
    padding: 20px;
    text-align: center; /* center in background */
}

/* Make all labels and input elements be block display */
/* This moved the labels to be above the input field */
label, input {
    display: block;
}

/* Give some padding below the yes no, so it doesn't run into the next section */
.info {
    padding-bottom: 30px;
}

/* Moves the yes and no to be side by side */
.twoColumnPart {
    float: left;
    width: 50px;
}

/* Moves the submit and reset buttons to be side by side */
.submit input {
    float: left;
    width: 100px;
    margin: 5px; /* gives space between two buttons */
}