/*----------------------------------------------------------------------
  FILENAME: custom.css
  DESCRIPTION: Rules placed in this file will override all other rules.
  You can use !important to ensure the rules are applied.
----------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap');

*{
    font-family: 'Quicksand', sans-serif;
}

#header {
    background: #090909;
}
#siteLogo img {
    max-width: 220px;
    height: auto;
}
#nav {
    background: #090909;
    font-weight: 600;
    border-top: solid 1px #222222;
}
#nav ul li.selected a {
    color: #ffffff;
    background: #222222;
}
#nav ul li a:hover, #nav ul li:hover a {
    color: #ffffff;
    background: #222222;
}

#page_login {
    height: 100vh;
    background: url('../../images/bg.jpg') #494949 no-repeat;
    background-size: cover;
}
.loginLinks a{
    color: #fff;
}

button, .button, input[type=submit]{
    background-image: -moz-linear-gradient( 76deg, rgb(60,198,194) 0%, rgb(4,253,99) 100%);
    background-image: -webkit-linear-gradient( 76deg, rgb(60,198,194) 0%, rgb(4,253,99) 100%);
    background-image: -ms-linear-gradient( 76deg, rgb(60,198,194) 0%, rgb(4,253,99) 100%);
    font-family: 'Quicksand', sans-serif;
    color: #090909;
}
a {
    color: #f622b5;
}
#userSummary {
    color: #fff;
}

#userSummary a {
    color: #fff;
}
#aside .section h1, #aside .notes h1 {
    color: #090909;
}
#aside .section h2{
    color: #090909;
}
#aside .nav .section li.selected {
    background-image: -moz-linear-gradient(76deg, rgb(60, 198, 194) 0%, rgb(4, 253, 99) 100%);
    background-image: -webkit-linear-gradient(76deg, rgb(60, 198, 194) 0%, rgb(4, 253, 99) 100%);
    background-image: -ms-linear-gradient(76deg, rgb(60, 198, 194) 0%, rgb(4, 253, 99) 100%);
    color: #000;
}
#aside .nav .section li:hover {
    color: #000;
    background-image: -moz-linear-gradient(76deg, rgb(60, 198, 194) 0%, rgb(4, 253, 99) 100%);
    background-image: -webkit-linear-gradient(76deg, rgb(60, 198, 194) 0%, rgb(4, 253, 99) 100%);
    background-image: -ms-linear-gradient(76deg, rgb(60, 198, 194) 0%, rgb(4, 253, 99) 100%);
}

#stats-glance .col-2:hover {
    color: #000 !important;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    background-image: -moz-linear-gradient(76deg, rgb(60, 198, 194) 0%, rgb(4, 253, 99) 100%);
    background-image: -webkit-linear-gradient(76deg, rgb(60, 198, 194) 0%, rgb(4, 253, 99) 100%);
    background-image: -ms-linear-gradient(76deg, rgb(60, 198, 194) 0%, rgb(4, 253, 99) 100%);
}
#aside .nav .section ul li.selected a:first-child {
    color: #000;
}