/* CSS document used for the first web project */
/* Author: Benjamin Fullerton
Course: ITWP-1000
File: sburbstyle.css */
/* Information on using external CSS style sheet is located in Chapter 3. 
Information on media queries is located in Chapter 7.
Information on tables and CSS formatting for tables is located in Chapter 8. */

html {
    margin-left: 20%;
    margin-right: 20%;
    background-color: indigo;
}

hr {
    border-color: blueviolet;
}

a {
    color: rgb(138, 43, 226);
}

body {
    font-family: 'Courier New', Courier, monospace;
    font-size: 80%;
}

table {
    border: 2px solid blueviolet;
    width: 100%;
    background-color: white;
}

h1 {
    font-size: 333%;
    text-align: center;
    color: blueviolet;
}

h3 {
    font-size: 110%;
    font-style: italic;
}

nav {
    text-align: center;
    font-size: 20px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;   
}

/* IDs (unique) and Classes (same) */

h1.scratch {
    color: white;
    text-align: center;
}

p.paragraph {
    text-align: center;
}

.minortext {
    font-size: 10px;
    font-style: italic;
    text-align: center;
}

p.minortextscratch {
    font-size: 10px;
    font-style: italic;
    text-align: center;
    color: white;
}

img.title {
    width: 350px;
    height: 125px;
    float: left;
    margin: auto;
}

img.candycorn {
    width: 15px;
    height: 20px;
}

img.slaughter {
    width: 30%;
    height: 30%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

img.culprit {
    width: 55%;
    height: 55%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#validation {
    font-size: 10px;
    text-align: center;
    font-style: italic;
}