html { background-color: #7986cb; color: white; } body { display: flex; min-height: 100vh; flex-direction: column; } main { flex: 1 0 auto; } nav { background-color: #3f51b5; background: linear-gradient(rgba(63, 81, 181, 1), rgba(63, 81, 181, 0)); box-shadow: none; } .page-footer { background-color: transparent; } @media only screen and (max-width: 992px) { nav .brand-logo { left: 5%; } } .align-top { vertical-align: top; } .brand-logo img { width: 30px; margin-right: 10px; margin-top: 4px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .btn { background-color: #303f9f; } .btn:hover { background-color: #3f51b5; } .btn:focus { background-color: #536dfe; } .avatar_menu { background-size: contain; } .center_content { display: block; margin-left: auto; margin-right: auto; } .betatag { font-variant: small-caps; font-size: 20px; border-radius: 50px; color: #eceff1; } img.center-align { display: block; margin-left: auto; margin-right: auto; } .card-panel.no-height-padding { padding-top: 0px; padding-bottom: 0px; } #dblbanner, #donbanner { background-color: darkblue; text-align: center; font-size: 12pt; padding-top: 9px; padding-bottom: 9px; display: none; } #dblbanner a, #donbanner a { transition: font-size 0.5s; color: lightskyblue; } #dblbanner a:hover, #donbanner a:hover { font-size: 14pt; }