@import url('https://fonts.googleapis.com/css?family=Quicksand|Ubuntu+Mono');

h1 {
  font-size: 40px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 17px;
}

.version {
  font-size: 50%;
}

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

code{
  font-family: 'Ubuntu Mono', monospace;
  background-color: #f9f6fd;
}

code a, pre a{
  color: #6906FF;
}

.docs-link:hover{
  text-decoration: none;
}

.docs-link{
  color: #1e024a;
}

p>a {
  color: #F0760F;
}

.panel-body>a {
  color: #F0760F;
}

h4>a {
  color: #F0760F;
}

li>a {
  color: #F0760F;
}

.dropdown-menu > .active > a {
  background-color: #6906FF;
}

a .caret{
  color: #6906FF !important;
}

small>a{
  color: #F0760F;
}

.sourceCode>a{
  color: #6906FF;
}

.fl{
  color: #6906FF;
}

.st{
  color: #F0760F;
}

.op, .kw{
  color: #666666;
}

.dv, .dt{
  color: #191919;
}

.g2r {
  box-shadow:
    rgba(0, 0, 0, 0.1) 0 2px 3px 1px,
    rgba(0, 0, 0, 0.1) 0 1px 3px 1px,
    rgba(0, 0, 0, 0.2) 0 1px 1px -1px;
  border-radius: 5px;
  padding: 10px;
  width: 100% !important;
  background-color: white;
}

.jumbotron {
  background-color: #ffffff;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0 2px 3px 1px,
    rgba(0, 0, 0, 0.1) 0 1px 3px 1px,
    rgba(0, 0, 0, 0.2) 0 1px 1px -1px;
}

pre {
  -moz-box-shadow:    inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow:         inset 0 0 2px rgba(0, 0, 0, 0.1);
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #f3f3f3;
    background-color: #F0760F;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #F0760F;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
  color: #F0760F;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  color: #F0760F;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus{
  color: #F0760F;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu{
  color: #F0760F;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  color: #F0760F;
  background-color: #6906FF;
  font-weight: bold;
}

.navbar-default .navbar-nav>li>a{
  color: #6906FF;
}

.navbar-default .navbar-link{
  color: #6906FF;
}

div>a{
  color: #4200a6;
}

a:hover, a:focus {
  color: #6906FF;
}

.panel{
  min-height: 140px;
}

.btn-primary{
  background-color: #6906FF;
}

.panel-orange > .panel-heading {
  background-color: #F0760F;
  border-color: #F7BA87;
  color: white;
}

.panel-orange > .panel-heading{
  font-weight: bold;
  font-size: 150%;
  text-align: center;
}

.panel-info > .panel-heading {
  background-color: #6906FF;
  border-color: #ab74fc;
}

.panel-info > .panel-heading{
  font-weight: bold;
  font-size: 150%;
  text-align: center;
}

.panel-warning > .panel-heading{
  font-weight: bold;
  font-size: 20px;
  text-decoration: underline;
}

.panel-warning{
  background-color: #ff9800;
  color: white;
}

.panel-warning > .panel-body{
  color: white;
  font-size: 15px;
}

.panel-danger > .panel-heading{
  font-weight: bold;
  font-size: 20px;
  text-decoration: underline;
}

.panel-danger{
  background-color: #e84f3f;
  color: white;
}

.panel-danger > .panel-body{
  color: white;
  font-size: 18px;
  text-align:center;
}

.panel-danger {
  min-height: 50px!important;
}

.centerize{
  text-align: center;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  /* body {
      background-color: #190536;
      color: white;
  }

  .navbar-default .navbar-link{
    color: #a973fa;
  }

  .navbar-default .navbar-toggle{
    border-color: #a973fa; 
  }

  .navbar-default .navbar-toggle .icon-bar{
    background-color: #a973fa; 
  }

  .btn-orange {
    background-color: #1e024a;
  }

  .btn-highlight{
    background-color: #ff9800;
    color: white;
  }
  
  .btn-default {
    color: white;
    background-color: #4200a6;
  }

  select{
    background-color: #a19ea5;
    color: white;
  }

  footer {
    color: white;
  }

  h1, h2, h3, h4, h5{
    color: white;
  }

  .panel-body{
    color: #0e0024;
  }  

  .jumbotron {
    color: white;
    background-color: #4200a6;
    box-shadow:
    rgba(14, 0, 36, 0.3) 0 2px 3px 1px,
    rgba(14, 0, 36, 0.3) 0 1px 3px 1px,
    rgba(14, 0, 36, 0.4) 0 1px 1px -1px;
  }

  .panel {
    box-shadow:
    rgba(14, 0, 36, 0.3) 0 2px 3px 1px,
    rgba(14, 0, 36, 0.3) 0 1px 3px 1px,
    rgba(14, 0, 36, 0.4) 0 1px 1px -1px;
  }

  .g2r {
    box-shadow:
      rgba(14, 0, 36, 0.3) 0 2px 3px 1px,
      rgba(14, 0, 36, 0.3) 0 1px 3px 1px,
      rgba(14, 0, 36, 0.4) 0 1px 1px -1px;
    border-radius: 5px;
    padding: 10px;
    width: 100% !important;
    background: #1e024a; 
  }

  .navbar{
    background-color: #1e024a;
  }

  .navbar-default .navbar-nav>li>a{
    color: #a973fa;
  }

  .dropdown-menu{
    background-color: #1e024a;
  }

  .dropdown-menu>li>a{
    color: #6906FF;
  }

  .sourceCode, pre{
    border: none !important;
    border-radius: 5px;
    background: #0e0024;
    color: #ccc;
  }

  code {
    background: #0e0024;
    color: white;
    border: 2px solid #1e024a;
    border-radius: 5px;
  }

  .sourceCode>a{
    color: #7042b8;
  }
  
  .fl{
    color: #7042b8;
  }
  
  .st{
    color: #F0760F;
  }
  
  .op{
    color: #ccc;
  }
  
  .kw{
    color: #ccc;
  }

  .va{
    color: #ccc;
  }
  
  .dv, .dt{
    color: #ccc;
  }

  .fu{
    color: #ccc;
  } */
}
