/*
Purpose: Basic style sheet for Web Project 2
Author: Justivon Dado

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

/* responsive image class */
img.responsive {
    max-width: 100%; /* allows the image to scace down if it has to, but it will not scale up in size to be larger than its original size */
    height: auto;
}
/* adds 10 px 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 element. sets width to 100% */
nav{
    padding: 10px;
    border-bottom: 1px solid #0000;
    width: 100%;
}
/* adds 10 px of padding around the foorter element and creates a 1px solid black border above the footer. centers the footer text, sets the width to 100% */
footer{
    padding: 10px;
    border-top: 1px solid #0000;
    width: 100%;
    text-align: center;
}
body{
    font-family: Arial, Helvetica, sans-serif;
}
h1{
    font-family: fantasy;
    color: darkred;
    text-align: center;
}
 h2, h3 {
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: blue;
    text-align: center;
}
header{
    font-size: large;
    font-family: cursive;
    color: crimson;
}