@charset "UTF-8";
/* CSS style sheet used for the web project 2
Author: Philip Howard
Course: ITWP 1000
File: project2.css
*/

/* responsive image class */
img.responsive {
    max-width: 100%; /* allows downscaling but prevents image from scaling beyond original size */
    height: auto;
    box-shadow: 5px 5px 1px 1px grey;
}

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

/* Center header */
header {
    text-align: center;
}

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

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

/* Set background */
body {
    background-color: #CCCCFF;
}

/* Offset headings from background */
h2 {
    background-color: #8A8AE6;
}

/* Add a border to tables */
table, td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 1px;
}

/* ID used by Iframe api */
#player {
    margin: auto;
    border: 3px solid #333;
    padding: 10px;
  }