@charset "UTF-8";
/*
Purpose: Basic style sheet for Web Project 2
Author: Andrew Addens
Course: ITWP 1000

Any additional CSS formatting that I wish to add to my web page should also be included within this external CSS file. :)
*/

/* responsive image class */
img.responsive {
    max-width: 100%; /* allows the image to scale down if it has to, but it will not scale up in size to be larger than its original size */
    height: auto;
}

/* adds 10 pixels of padding around the header and main elements, sets the width to 100% */
header, main {
    padding: 10px;
    width: 100%;
}

/* adds 10 pixels of padding around the nav element and displays a 1 pixel solid black border below the nav element, sets width to 100% */
nav {
    padding: 10px;
    border-bottom: 1px solid #000;
    width: 100%;
}

/* adds 10 pixels of padding around the footer element and creates a 1 pixel solid black border above the footer, centers the footer text, sets the width to 100% */
footer{ 
    padding: 10px;
    border-top: 1px solid #000;
    width: 100%;
    text-align:center;
}

body {
    background-color: #646D7F;
    color:#FFF;
}

#player {
    margin: auto;
    border: 3px solid #333;
    padding: 10px;
  }






h1, h2 {
    text-align: center;
}








/* main table tag */
table {
    margin: auto;
    border: 5px solid #2EA7EC;
    width: 100%;
    border-spacing: 0;
}


        
td, th {
    border-style:groove;
    padding: 0.5em;
    width:auto;    
    text-align:center;
    }
        
tfoot td {
    font-size: 10px;
    font-style: italic;
    text-align: center;
    }
        
tr:nth-of-type(even) {
    background-color: #000;
    }
        
thead:first-of-type {
    background-color: #2EA7EC;
    color:#FFF;
    }