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(255,0,0,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; }