body {
    /*
    // the initial solid gray
    background-color: rgb(44, 45, 48);
    */
    background: linear-gradient(100deg, #404040, #161616);
}

div#sidebar.list-group .list-group-item {
    background-color: #404040;
}


.alert, .btn {
    color: #fff;
    text-shadow: 1px 1px 1px #222;
}

nav.navbar.top {
    font-size:25px;
    background: transparent !important;
    background-color:transparent !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
a.router-link-exact-active, a.router-link.active,
nav.navbar.top a.active {
    border-radius: 5px;
    background-color: rgb(78, 68, 206) !important;
}
.bg-primary, .btn-primary, .btn-outline-primary:hover {
    background-color: rgb(78, 68, 206) !important;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle,
.btn-primary, .btn-outline-primary {
    border-color: rgb(40, 47, 139) !important;
}

/* fix heading sizes */
h1, .h1 {
    font-size:50px;
}
h2, .h2 {
    font-size:40px;
}

.jumbotron {
    color: #fff;
    background-image: linear-gradient(rgb(111, 102, 225), rgb(78,68,206));
    text-shadow: 1px 1px 1px #222;
}
.jumbotron p.lead {
    color: #ccc;
}

.jumbotron h1{
    color: #fff;
    font-weight: bold;
}

@media only screen and (max-width:1024px){
    nav.top a.navbar-brand img {
	width:130px;
    }
    nav.top .mobile-navbar-items div.navbar-text {
	font-size:18px;
    }
}




/* gradient backgrounds */

.gradient-bg0{ background: linear-gradient(0deg, #404040, #161616); }
.gradient-bg45{ background: linear-gradient(45deg, #404040, #161616); }
.gradient-bg90{ background: linear-gradient(90deg, #404040, #161616); }
.gradient-bg135{ background: linear-gradient(135deg, #404040, #161616); }
.gradient-bg180{ background: linear-gradient(180deg, #404040, #161616); }
.gradient-bg225{ background: linear-gradient(225deg, #404040, #161616); }
.gradient-bg270{ background: linear-gradient(270deg, #404040, #161616); }
.gradient-bg315{ background: linear-gradient(315deg, #404040, #161616); }
.gradient-bg360{ background: linear-gradient(360deg, #404040, #161616); }