/* LAB 3 CSS */

body {
   background-color: #999966;
}


nav {
    color: black;
    display: inline;
    list-style-type: none;
    text-align: center; 
}

nav li {
    list-style-type: none;
    font-size: 35px; 
    color: black;
    display: inline;
    margin: 20px;
    border-style: double; /*groove, dotted, dashed, double */
    background-color: white;
    text-align: center; 
}

h1 {
    text-align: center;
    color: black;
    background-color: none;
    height: 50px;     
    width: auto;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: "serif";
}

h2 {
    color: #391313;
}

a {
    color: orange;
}

a:link {
    color:red;
}

a:visited {
    color: #333300;
}

a:hover {
    color:purple;
}

a:active: {
    color:blue;
}

.content {
    font-family: serif;
    font-size: 30px;
    font-color: blue;
        }


 * {box-sizing: border-box;}
 .wrapper {
     margin: 0px;
     padding: 0px;
     width: 1020px;
     border: groove;
     overflow: auto;
     margin: 0px auto;
 }
 .image1 {
    float: left;
    width: 500px;
    height: auto;
    overflow: auto;
    border: none; 
}

.image2 {
    float: left;
    width: 500px;   
    height: auto;
    overflow: auto;
    border: none;
    
}

.content {
    background-color: grey;
    border: black;
    border-style: groove;
}

.home {
        background-color: grey;
        float: left;
        border-style: groove;    
    }
    
.foot {
        background-color:  black;
        float: left;
        color: white;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 60px;       
    }
    
h2 {
    background-color: black;
    color: white;
    position: absolute;
    bottom: 20;
    width: auto;
    height: 60px;
    border-style: none;
}  

.thumbnail {
    height: 150;
    width: 200;
    border: solid;
   
}

.page {
    font-size: 25px;
    color: white;

}