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: 10%;
}
}
.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: 25px;
border-radius: 50px;
border: 2px solid #37474f;
color: #eceff1;
}