#neubar {
  background: #30f1ff;
  box-shadow: 4px 6px 12px rgba(0,0,0,0.4);
  margin-bottom: 10px;
}

.nav-item .active {
  border-radius: 6px;
  background: linear-gradient(145deg, #30f1ff, #52f3ff);
  box-shadow:  4px 4px 8px #51d0da,
               -4px -4px 8px #3bd0e4;
}
#neubar .dropdown-menu a:hover {
  color: #454545
}
#neubar .nav-item {
  margin : auto 4px;
}
#neubar a {

  padding-left:12px;
  padding-right:12px;
}
#neubar .dropdown-menu {
  background : #52f3ff
}


.code-block-container {
    width: 80%;
    margin: 0 auto;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow-x: auto;

}


.basic-code-block {

    font-family: 'Courier New', Courier, monospace;
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;

}


#vert_nav_head {

  margin-left: 30px; 

}

#vert_nav {

  margin-left: 100px;

}

#mainFoot {

  background: #fffcdb;
  width: 100%;
  bottom: 0;

}