/*
Purpose: Basic style sheet for Web Project 2
Author: Rachel Lincoln

Any additional CSS Formatting you wish to add to your web page should be inclued
    within this External CSS file
*/

/* gradient background color*/
body {
background-image: linear-gradient(#FFFFFF, rgb(162, 250, 255));
font-size: 1.1em;
}

/* adding a larger font size to the header */
h1 {
    font-size: 3.5em;
}

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

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

/* adds 10 pixels of padding around the nav element and displays a 1 pixel black border
below the nav elements, sets width to 100% // added a new size for readability*/
nav{
    font-size: 1.2em ;
    padding: 10px;
    border-bottom: 1px solid #000;
    width: 100%;
}

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

/* youtube Iframe c&p */
#player {
    margin: auto;
    border: 3px solid #333;
    padding: 10px;
  }


/* Css Validation link: https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Flincolnr094.macombserver.net%2Fitwp1000%2Fproject2%2Fproject2.css&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en */