/*
Coder: 
Date: 2024-09-16
Site: 
File: siteExternalStyles.css

*/
html{
    background-color: hsl(0, 50%, 90%);
}

nav{
    background-color: hsl(60, 100%, 75%);
    padding: 5px;
}

div#jtronDiv{
    background-color:hsl(120, 100%, 75%);
    padding: 5px;
}

main{
    background-color: white;
    padding: 10px;
    max-width: 1000px;
    margin: auto;
}

div#primaryContent{
    /*we use a fourth parameter, alpha, for opacity purposes*/
    background-color: hsl(180, 100%, 75%, 40%);
    padding: 5px;
}

blockquote{
    font-size: 1.2em;
    font-family: cursive;
    color: red;
}

footer{
    background-color: hsl(240, 100%, 75%, 30%);
    padding: 5px;
}

/*CSS rule to size footer image hyperlinks*/
footer ul li a img{
    width: 50px;
    height: auto;
}