.site-loader {
   background-color: #195b9e;
 }

 .page-intro-section.page-intro-section-md {
     height: 93vh;
 }

.navbar-brand .navbar-brand-media-img {
  display: block;
  height: auto;
  vertical-align: middle;
}


.bg-dark-about {
  /*
  background-color: #14191E !important;
  */

  /* blue
  background-color: #185a9d !important;
  */

  /* violet
    background-color: #195b9e !important;
  */

}

pre {
    font-size: 15px;
    line-height: 1.2 !important;
    font-family: Courier New,monospace,serif;
  background-color: #080808 !important;
  border-width: 0px;
}

.bg-dark {
  /*
  background-color: #252830 !important;
  */

  /* violet
  background-color: #195b9e !important;
  */

  /* dark */
  background-color: #101010 !important;

  /* light blue: 51a3e2 */

  /* dark blue: 12384C
  or 345261
*/
}


.btn-primary {
  background-color: #51a3e2 !important;
}

.bg-dark-dk {
  /*
  background-color: #252830 !important;
  */
  background-color: #080808 !important;
}

.myspan-href {
    padding: 11px 15px;
    font-size: 14px;
    line-height: 8px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-width: 1px;
}

.myspan-outline {
  color: #53a9f1;
  background-color: transparent;
  border: 0px solid #53a9f1;
}

.ico-blue {
  color: #53a9f1;
  background-color: transparent;
  border: 0px solid #53a9f1;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 15px 5px;
}

.btn-primary-outline {
  color: #53a9f1;
  background-color: transparent;
  border: 2px solid #53a9f1;
  font-weight: bold;
}

.btn-primary-outline:hover {
  color: #fff;
  background-color: #45bcec;
  border: 2px solid #53a9f1;
}

.btn-coming-soon {
  color: #53a9f1;
  background-color: transparent;
  font-size: 17px;
  letter-spacing: 7px;
  border: 0px solid #53a9f1;
}


.btn-bashhidden {
  color: #7fb1dd;
  background-color: transparent;
  font-size: 13px;
  border: 0px solid #53a9f2;
  
}

.btn-bash {
  color: #7fb1dd;
  background-color: transparent;
  font-size: 14px;
  border: 0px solid #53a9f2;
  
}

a.btn-bash:link,
a.btn-bash:visited {
  color: #b8babd !important;
  text-decoration: none;
  
}

a.btn-bash:hover {
  color: #127efe !important;
  text-decoration: none;
  
}


.btn-copy {
  color: #1d232b;
  background-color: transparent;
  font-size: 12px;
  border: 0px solid #53a9f2;
}

.text-tran-box-dark .text-transparent {
    color: #fff;
    background: #080808;
    mix-blend-mode: darken;
}

.text-transparent {
    color: #240e35;
    mix-blend-mode: lighten;
    overflow: hidden;
    font-size: 48px;
    margin-bottom: 40px;
    line-height: 54px;
}


.text-tran-box-dark {

    background-color: transparent;
    background: -webkit-linear-gradient(to left, #24C6DC , #514A9D);
    background: linear-gradient(to left, #24C6DC , #514A9D);
}
.text-tran-box {
    background: #43cea2;
    background: -webkit-linear-gradient(to left, #43cea2 , #185a9d);
    background: linear-gradient(to left, #53a9f1, #185a9d);
}


.primary-text-light {
  color: #dedede !important;
}
.primary-text-blue {
  color: #185a9d !important;
}


code, pre {
    background: #e8f2fb;
    border: 0px solid #c9e1f6;
    color: #6cd8f3;
}
code {
    padding: .1em .4em;
    border-radius: 3px;
    font-size: .85em;
}
code, pre {
    font-family: Courier New,monospace,serif;
}


a, a:visited {
    color: #53a9f1;
/*
    color: #1d232b;
*/
    text-decoration: none;
}
a:hover {
    color: #127efe;
}



.form-control {
  background-color: #000 !important;
  /*
  box-shadow: 0 5px 5px rgba(229, 103, 23, 0.075) inset, 0 0 10px rgba(229, 103, 23, 0.6);
  */
  outline: 0 none;
  border: 2px solid #53a9f1;
  border-
}

.form-control:hover, .form-control:focus {
  background-color: #000 !important;
  /*
  box-shadow: 0 5px 5px rgba(229, 103, 23, 0.075) inset, 0 0 10px rgba(229, 103, 23, 0.6);
*/
  color: #dedede;
  outline: 0 none;
  border: 2px solid #127efe;
  border-
}


.form-control::-webkit-focus-ring-color {
  border: 5px solid #7f75e;
}

.blink_me {
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
  60% { opacity: 0; }
}


body {
  background-color: #080808 !important;
}


::-webkit-scrollbar
{
  width: 9px;  /* for vertical scrollbars */
  height: 9px; /* for horizontal scrollbars */
}


::-webkit-scrollbar-track
{
  background: rgba(0, 10, 190, 0.1);
}


::-webkit-scrollbar-thumb
{
  background: rgba(0, 10, 190, 0.5);
}