/*  Tag selectors should be used broadly
    ID = can only be used once throughout an entire css / html file
         should be used sparingly or never should be used
    Class = Group of related items, can be used as many times as required
            ID can the be used within classes to alter individual items
            Multiple different ID's can be used but not the same id multiple
            times. The same html element can only contain one ID as well.
            However, Multiple classes can be used within the same html element

    Both of these items will both over ride general css code for example
    the body selector below will be overridden if the body has a class
    or id specifying alternative details.
 */
body
{
    background-color: #97D2EC;
    font-family: "Open Sans", serif;
    font-style: normal;
    font-size: large;
}
/*
    hr
    {
        border-color:white;
        border-width:10px;
        border-style: none;
        border-top-style: dotted;
        height: 4px;
        width: 10%;
    }
*/
hr
{
    border-color:white;
    border-width:4px;
    border-style: none;
    border-top-style:solid;
}
h2{
    color: #0081C9;
    font-family: cursive;
    font-size: xx-large;
}

h3
{
    color: #0081C9;
}
/*
This is a sudo class that effects certain actions,
for example :hover is the most popular that effects only
when the mouse is hovering over a certain element.
 */
a:hover{
    color: red;
}
input{
    background-color: #97D2EC;
}
input:hover{
    background-color: white;
}
textarea{
    background-color: #97D2EC;
}
textarea:hover{
    background-color: white;
}