@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400,500");

:root {
    --purple: #b747a9;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: 'Source Code Pro', monospace;
    background-color: #EEEEEE;
}


#navbar {
    overflow: hidden;
    z-index:5000;
    background-color: #333;
    position:-webkit-sticky; 
    position:sticky;
    top: 0;
  }

/* Navbar links */
#navbar a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}
/* Navbar links */
#navbar span {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}
.header-container{
    margin: 0 auto;
    background-color: #333;
}

.header-container .responsive-image{
    width:100%;
    max-width:512px;
    
}
img.header-footer-image {
    width: 100%;
    height: 280px;
    padding-bottom: 75px;
    min-height: 280px;
  }

  /* info cols */

  .right-info{
    align-self: start;
    border-left: 4px solid var(--purple); 
    background:#fafafa;
}
.right-info-header{
    align-self: start;
    text-align: end;
}

.right-info-mt{
    margin-top:46px;
}
  

.img-fluid {
    height: auto;
    max-height: 620px;
}


li.L0, li.L1, li.L2, li.L3,
li.L5, li.L6, li.L7, li.L8 {
  list-style-type: decimal !important;
}
.row {
    padding-top: 26px;
}



.mt-25{
    margin-top:25px;
}
.mt-50{
    margin-top:50px;
}

#st-1{
    text-align: inherit !important;
}
.reverse{
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.copyright {
    background-color: #252525;
  
      color: #787878;
      letter-spacing: 4px;
      text-align: center;
  }

  ol{
      color:purple;
  }
  ol li a{
    color:#569cd6;
  }
  ul{
    list-style: none;
  }


  
.card-deck {
    margin: 0 -15px;
    justify-content: space-between;
  }
  
  .card-deck .card {
    margin: 0 0 1rem;
  }
  .card-img-top{
      min-height:175px;
      max-height:175px;
  }
  
  @media (min-width: 576px) and (max-width: 767.98px) {
    .card-deck .card {
      -ms-flex: 0 0 48.7%;
      flex: 0 0 48.7%;
    }
  }
  
  @media (min-width: 768px) and (max-width: 991.98px) {
    .card-deck .card {
      -ms-flex: 0 0 32%;
      flex: 0 0 32%;
    }
  }
  
  @media (min-width: 992px)
  {
    .card-deck .card {
      -ms-flex: 0 0 24%;
      flex: 0 0 24%;
    }
  }

  .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    /* padding: 1.25rem; */
    padding-top: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 0.25rem;
}

.no-decoration{
    text-decoration: none !important;
    color:inherit; 
}
.card-footer{
    background:#333
}
.text-muted-light{
    color:#f2f2f2 !important;
}
.tag-listing{
    height:2em;
}
.btn.active{
    border-color:#b747a9
  }

  .card{
    transition: all linear 0.3s;
  }
  .click-fake{
    cursor: pointer
  }
  .custom-highlighter{
    background-color:#de7cd2
}

.console-output{
  background-color: #212121;
  border: 1px solid #212121;
  color: #3498db;
  padding: 8px;
  font-family: 'Press Start 2P', cursive;
  font-size:10px;
  line-height: 1.8;
  grid-column: 1 / -1;
  overflow:hidden;
  resize: none;
  outline: none;
  width:100%;

}