body,html { width: 100%; height: 100%; margin: 0; padding: 0; } body { background-image: url("/images/bg-top-left.png"), url("/images/bg-left.png"), url("/images/bg-top.png"), url("/images/bg-tile.png"); background-position: left top, left top, 64px top, 64px 64px; background-repeat: no-repeat, repeat-y, repeat-x, repeat; } /* On narrow screens add contrast behind the nav bar */ @media (max-width: 600px) { .nav-link { background-color: rgba(255, 255, 255, 0.5); border-radius: 24px; } } img { max-width: 100%; height: auto; } img.center { display: block; margin-left: auto; margin-right: auto; } /* Bootstrap override */ h1,h2,h3,h4 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .site-title { display: inline; margin-left: 72px; line-height: 64px; } .site-subtitle { display: none; padding-left: 20px; font-style: italic; } @media(min-width: 576px) { .site-subtitle { display: inline; } } .site-title a { text-decoration: none; color: #000; } .site-title a:hover { text-decoration: underline; } .site-logo { position: fixed; top: 0; left: 0; z-index: 9000; } #top-nav { font-weight: bold; } .card { background-color: rgba(255, 255, 255, 0.8) !important; } /* #bg-corner { position: absolute; z-index: -100; top: 0; left: 0; width: 64px; height: 64px; background-image: url("/images/bg-top-left.png"); } #bg-top { position: absolute; z-index: -100; top: 0; left: 64px; right: 0; height: 64px; background-image: url("/images/bg-top.png"); } #bg-left { position: absolute; z-index: -100; top: 64px; left: 0; bottom: 0; width: 64px; height: 100%; background-image: url("/images/bg-left.png"); } */