/* CSS Document used for the coffee table homework assignment
Author: Robert Laughton
Course: ITWP 1000
File: style.css
12-13-24
*/

body {
    margin-top: 1em;
    margin-bottom: auto;
    font-family: Arial, sans-serif;
    background-color: #1291fa;
    }

    h1 {
        text-align: center;
        font-size: 2.5em;
        }
    
    p, div {
        margin: 10px;
        padding: 20px;
        line-height: 1.5em;
        }

/* table formatting */

    table {
        margin: auto;
        border: 5px solid #fff;
        width: 100%;
        border-spacing: 5;
        }
        
    td, th {
        border-style: none;
        padding: 0.5em;
        width: auto;
        }

    tfoot td {
        font-size: 9px;
        font-style: italic;
        text-align: center;
        }

    tr:nth-of-type(even) {
        background-color: #ee0707;
        }

    thead:first-of-type {
        background-color: #ee0707;
        color: #a2a3a5;
        }

/* Caption tag */

    caption {
        font-family: "Lucida Console", "Courier New", monospace;
        font-weight: bold;
        font-size: 1.75em;
        padding-bottom: 0.5em;
        }

/* ID */
    #validation {
        text-align: center;
        }

/* media query that hides the image when the screen size is @ 550 pixels or lower */

    @media only all and (max-width: 500px) {

    img {
        display: none;
        }
    }