.reset, body, .slide { padding: 0px; margin: 0px; clear: both; } body { font-family: serif; font-size: 1em; line-height: 1.6; transition: none; } #top { padding-top: 10px; width: 100%; position: fixed; background: black; } #top div { margin: auto; max-width: 800px; } #mast { margin-top: 10px; background: none; line-height: 1.2; color: white; } #mast a { color: white; font-style: italic; } #mast a:hover { color: #ed1a76; } #mast .sub { font-style: italic; color: #ccc; } #mast img { transition-duration: .2s; } #mast h2 { transition-property: size; transition-duration: .2s; } .small .hideable { display: none; opacity: 0; } .small img { max-width: 200px; } .small h2 { font-size: 1em; } .large img { width: 100%; max-width: 400px; } .large .hideable { opacity: 1; } .nojs body { background: white; } .nojs #mast { background: black; } .slide { padding: 0px; width: 100%; } .slide div { /* width wrapping */ max-width: 800px; margin: auto; } .slide div div { /* Project bits */ transition-duration: .2s; width: 390px; border-radius: 5px; padding: 0px; display: inline-block; margin: 3px; } .slide div div .cover { height: 300px; background-position: center center; background-size: cover; margin: 0px; } .slide div div .cover h2 { text-align: center; background: rgba(0, 0, 0, 0.5); color: white; } .slide div div .cover:hover { box-shadow: 1px 1px 9px #444; } .slide table { line-height: 1.3; margin: 0; padding: 2px; border-spacing: 0; border-collapse: collapse; } .slide ul { margin: 5px; } .slide p { text-indent: 1em; max-width: 800px; margin: auto; } .slide h1 { font-size: 2em; font-style: italic; max-width: 800px; margin: auto; margin-top: 1.7em; } .arrow { font-variant-position: sub; font-size: .6em; } .arrow:before { content: "\0025BC"; } h2 { font-weight: normal; font-style: italic; } a { transition-duration: .2s; } /*# sourceMappingURL=style.css.map */