style3.css

body {
            background:#000066;
}
footer {
            text-align:center;
            font-style:italic;
            background-color:#CCCCFF;
            clear:both;
}
h1 {
            margin:0;
            padding:10px;
}
header {
            background:#CCCCFF;
}

img {
            max-width:100%;
            max-height:100%;
            margin:0;
            padding:0;
}
main {
            padding:25px;
            background-color:#FFF;
            overflow:auto;
}
nav {
            float:left;
            width:100%;
            padding:10px;
}
nav a {
            text-decoration:none;
            padding-right:10px;
}
nav button {
            background:#FFF;
            color:#000066;
            margin:5px;
            width:90px;
            height:45px;
            font-size:1.2em;
            border:2px solid #000066;
            -moz-transition:all .2s ease-in;
            -o-transition:all .2s ease-in;
            -webkit-transition:all .2s ease-in;
}
nav button:hover, nav button.current {
            background:#000066;
            color:#FFF;
}
nav li {
            display:inline;
}
ul {
            list-style-type:none;
}
* {
            box-sizing:border-box;
}
#gallery li {
            display:inline-block;
            width:225px;
            padding-bottom:10px;
            margin:10px;
            background-color:#EAEAEA;
            text-align:center;
            font-style:italic;
            font-family:Georgia,serif;
}
#wrapper {
            width:1024px;
            margin-left:auto;
            margin-right:auto;
            background:#EAEAEA;
}