* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,body {
    max-width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0 0 0 3em;
}


/*Font Family*/

* {
    font-family:'Open Sans', sans-serif;
}

h2 {
    font-size: 1em;
}

#colorPalette, #textPalette {
    margin: 10px;
}

table {
    border-collapse: collapse;
    border: 2px solid black;
    font-size: .9em;
    width: 80%;
}

th,td {
    padding-top: 10px;
    text-align: left;
}

#header {
    border: 2px solid black;
}

#white {
    background-color: #ffffff;
    color: white;
    border: 1px solid black;
}

#textWhite {
    background-color: #ffffff;
    color: white;
    border: 1px solid black;
}

#black {
    background-color: #000000;
    color: black;
    border: 1px solid black;
}

#blue {
    background-color: #0645AD;
    color: white;
    border: 1px solid black;
}

#purple {
    background-color: #663366;
    border: 1px solid black;
}

#red {
    background-color: #ED1C24;
    border: 1px solid black;

}
#gray {
    background-color: #5c605c;
    border: 1px solid black;
}
#gray2 {
    background-color: #999999;
    border: 1px solid black;
}
#blue-logo {
    background-color: #0054a6;
    border: 1px solid black;
}

/* Note Font Type Styling*/


#h1 {
    font-family: 'Bodoni 72';
    font-size: 54px;
    color: #000000;
    font-weight: 700;
}

#h2 {
    font-family: 'Shrikhand', cursive;
    font-size: 24pxem;
    color: #000000;
    font-weight: 700;
}

#text {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    color: #000000;
    font-weight: 700;
}

#nav {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    
}

/* START VERSION 2 */

#h1-2 {
    font-family: 'Bodoni 72 Smallcaps Book';
    font-size: 54px;
    color: #000000;
    font-weight: 700;
}

#h2-2 {
    font-family: 'Shrikhand', cursive;
    font-size: 24pxem;
    color: #000000;
    font-weight: 700;
}

#text-2 {
    font-family: 'Helvetica Regular', sans-serif;
    font-size: 22px;
    color: #000000;
    font-weight: 700;
}

#nav-2 {
    font-family: 'Helvetica Bold', sans-serif;
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    
}

/* START VERSION 3 */

#h1-3 {
    font-family: 'Berkshire Swash';
    font-size: 54px;
    color: #000000;
    font-weight: 700;
}

#h2-3 {
    font-family: 'Vollkorn Bold', serif;
    font-size: 24pxem;
    color: #000000;
    font-weight: 700;
}

#text-3 {
    font-family: 'Vollkorn Regular', serif;
    font-size: 22px;
    color: #000000;
    font-weight: 700;
}

#nav-3 {
    font-family: 'Vollkorn Bold', serif;
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    
}