body { background:#000066; } fieldset { border:2px solid #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; } #submit,#reset { background:#FFF; color:#000066; margin:5px; width:70px; height:30px; font-size:1em; border:2px solid #000066; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; } #submit:hover,#reset:hover { background:#000066; color:#FFF; } #submit:active,#reset:active { background:#FFF; color:#000066; } #wrapper { width:1024px; margin-left:auto; margin-right:auto; background:#EAEAEA; }