/*  
Author: David wysocki
Course: ITWP 1000
File: styles.css

/* responsive image class */

img.responsive {
    max-width: 100%; /* allows the img to scale down if it has to, but wont go over 100%*/
    height: auto;
}

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


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

/* adds 10px of padding around the footer element and creates a 1 pixel solid border above the footer, centersthe footer text, sets width to 100% */

footer {
    padding: 10px;
    border-top: 1px solid #000;
    width: 100%;
    text-align: center;
}

body{
    background-color: aqua;
  }



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