
body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color: rgb(223, 223, 223);
    background-image: url(/images/homepagebackground.jpg);
    background-size:100%;
}


header, nav, main, article, aside, footer {
    border: 4px double rgb(0, 0, 0);
    margin: 12px; 
    padding: 12px;
}
main {
    font-size: 20px;
    font-family: Franklin Gothic;
    text-shadow: 1px 1px 2px rgb(0, 0, 0);
    background-image: linear-gradient(rgb(9, 85, 156), rgb(0, 23, 66));
    color: white;
}
header {
    background-repeat: no-repeat;
    background-size:100%;
    background-image: url(/images/homeheader.jpg);
    padding: 8px;
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: rgb(169, 118, 250);
    text-shadow: 2px 2px 2px rgb(0, 0, 0);
}
h1 {
    text-shadow: 2px 2px 2px rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}
nav {
    background-image: linear-gradient(rgb(9, 85, 156), rgb(0, 23, 66));
    text-align: center;
    word-spacing: 10px;


}
img {
    border: rgb(0, 0, 0) 5px double;
    margin-right: 55px; 
    margin-bottom: 70px;
    float: left; 
    width:350px;
}
article h2 {
    padding-left: 415px;
}
article {
    padding-left: 60px;
    float: left;
    width: 65%;
}
li {
    margin-bottom: 12px;
    list-style: square;
}
aside {
    font-size: 20px;
    font-family: Franklin Gothic;
    color: rgb(255, 255, 255);
    background-image: linear-gradient(rgb(9, 85, 156), rgb(0, 23, 66));
    background-position: center;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    padding-left: 30px;
    float: right;
    width: 25%; 
}
main {
    overflow: hidden;
}
main p {
    font-size: 25px;
}
dt {
    margin-top: 16px;
    margin-bottom: 16px;
}
a:link {
    text-shadow: 2px 1px 1px rgb(0, 0, 0);
    color:rgb(154, 156, 255);
    
}

a:visited {
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    color: rgb(154, 156, 255);
    text-decoration: none;
}

a:hover {
color: rgb(70, 70, 255);
}



footer {
    background-image: linear-gradient(rgb(9, 85, 156), rgb(0, 23, 66));
    color: rgb(255, 255, 255);
}
