@charset "utf-8";

html {
    background-color:rgb(27, 4, 205);
    background-image: url(background_image.jpg);

}

body {
    font-family: Verdana, Geneva, sans-serif;
    color: rgb(46, 36, 227);
    background-color: rgb(29, 147, 207);
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

  ul {
    list-style-type: square;
}

header {
    text-align: center;
    padding: 20px;
    text-shadow: 4px 6px 5px gray;
}

h1, h2 {
    font-size: 1.3em;
    text-shadow: 4px 6px 5px gray;
}

nav ul{
list-style:none;
margin: 0;
padding: 0;

}

nav li{
    display: block;
    width: 20%;
    float: left;
}

nav a{
    text-decoration:none;
    display:block;
    background-color:rgb(150, 187, 245);
    line-height: 2.8em;
    text-decoration: none;
    text-align: center;
    color:rgb(24, 79, 230);
}
nav a:hover {
background-color: rgb(161, 245, 113);
color: ivory;
}
main > img {
    width: 25%;
    padding: 20px;
    float: right;
}

main{
    margin-top: 35px;
    padding: 20px;
}

header img {
    width: 100%;
}

body > footer{
background-color:rgba(134, 204, 232) ;
color: rgba(255,255,255,0.7);
font-weight: bold;
font-size: 0.9em; 
line-height: 3em;
text-align: center;
margin-top: 10px;
padding: 10px;
clear: both;
}