.reset, body, .slide { padding: 0px; margin: 0px; clear: both; } body { font-family: serif; font-size: 1em; line-height: 1.6; transition: none; } #top { position: fixed; background: black; } #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 p { max-width: 800px; margin: auto; } .slide .cover { height: 500px; background: url("Chuck.jpg"); } .full { height: 100vh; width: 100%; } .vcwrapper { display: table; } .arrow { font-variant-position: sub; font-size: .6em; } .arrow:before { content: "\0025BC"; } h1 { font-size: 2em; } h2 { font-weight: normal; font-style: italic; } a { transition-duration: .2s; } /*# sourceMappingURL=style.css.map */