/*
Purpose: Basic style sheet for Web Project 2
Author: Melissa Daoud

Any additional CSS formatting that you wish to add to your web page should 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 elements, 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;
}

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