/* 
Purpose: Basic style sheet for Web Project 2
Author: Ashley Agacinski

Any additional CSS formatting that you wish to add to your web page should be included within this external CSS file.
*/

/*responsize 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 heaer and main elements, set the wifth 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 qidth to 100% */
footer {
    padding: 10px;
    border-top: 1px solid #000;
    width: 100%;
    text-align: center;
}
#player {
    margin: auto;
    border: 3px solid #333;
    padding: 10px;
  }