/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { min-height: 100%; } /*========================================= Main Styles =========================================*/ body { font-family: "Times New Roman", Times, serif; font-size: 20px; line-height: 1; background-image: url('img/DougsDDAtsa3.png'), url('img/DougsDDDrit4.png'), url('img/DDbg3.png'); background-size: 165px, 165px, auto; /*Class feedback indicated that the characters should scroll with the user's viewport*/ position: -webkit-sticky; background-position: right bottom, left bottom; background-attachment: fixed, fixed, scroll; background-repeat: no-repeat, no-repeat, repeat } a { color: lightblue; } ul { list-style: none; } table { text-align: left; border-collapse: collapse; border-spacing: 10px; width: 100%; } tr:nth-child(even){background-color: #052535} th { background: #02131b; color: lightgrey; } h1, h2 { text-shadow: 2px 2px #020100; } .nav .active { background-color: #041e2b; } .nav { list-style: none; margin: 0 auto; padding: 0; overflow: hidden; background-color: #39304a; } .nav li { float: left; margin: 0 auto; display: inline; } .nav a { color: #f24333; display: block; padding: 12px; text-shadow: 2px 2px #020100; font-family: "Times New Roman", Times, serif; font-size: 24px; display: inline-block; text-decoration: none; } .nav a:hover:not(.active) { background-color: #041e2b; } .logo{ vertical-align: middle; } .head { color: #f24333; font-family: "Times New Roman", Times, serif; font-size: 36px; vertical-align: middle; text-align: right; text-shadow: 3px 3px #020100; } .mBody{ max-width: 1024px; padding: 8px; margin: 0 auto; background: #041e2b; /*Class feedback indicated that this text was too bright as white.*/ color: grey; } .mBodyHead{ max-width: 1040px; margin: 0 auto; } footer { position:absolute; bottom:0; width: 100% } .center { margin: 0 auto; display: block; } /* Responsive iFrame */ .responsive-iframe-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .responsive-iframe-container iframe, .vresponsive-iframe-container object, .vresponsive-iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } pre { font-family: "Times New Roman", Times, serif; color: grey; font-size: 20px; word-wrap: pre-wrap; }