/* CSS Style Sheet for ITWP 2750 Project 3 */
/* Edith Harvey */

/* body main style */
body {
    font-family: "Comic Sans MS", "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000; /* black text */
    background-color: #f3f3f3; /* required styling per the tutorial video */
}

/* required styling per the tutorial video */
.article-container {
    width:900px;
    background-color: #ffffff;
    padding: 30px;
}

/* required styling per the tutorial video */
.article-box {
    padding-bottom: 30px;
    width: 100%;
}

/* required styling per the tutorial video */
input {
    padding: 0px 20px;
    width: 300px;
    height: 40px;
    font-size: 22px;
}

/* required styling per the tutorial video */
button {
    width: 100px;
    height: 44px;
    font-size: 22px;
}

/* class style, I like to use within the footer element */
.footermenu {
    color: #33CC99; /* teal blue/green */
    font-style: italic;
    text-align: center;
    font-size: .75em;
    font-weight: bold;
    /* adding letter, word and line spacing */
    letter-spacing: -.05em;
    word-spacing: .25em;
    line-height: 1em;
    /* adding text case, using text-transform, to uppercase as well */
    text-transform: uppercase;
}