body{
  background: #000;
}
.snippet-page{
  color: white;
}
.snippet-page .sidebar{
  padding: 0px 20px;
}

.sidebar .menu{
  border-radius: 0px;
}

.container{
  width: 500px;
}

.code pre{
  margin: 0px;
}

.snippet-view .description{
  font-size: 1.2em;
  color: #555;
}

header{
  padding: 50px 0px !important;
  text-align: center;
  font-family: 'hack'
}
header p{
  color: white;
}
header h1{
  font-weight: normal;
  font-family: 'hack';
  font-size: 2.5em;
  margin-bottom: 2px;
}

.gwc-blue{
  color: #3399dd;
}

.gwc-green{
  color: #33bb77;
}

.code.js .circle.icon{
  color: #f7df1e !important;
}
.code.css .circle.icon{
  color: #379ad6 !important;
}
.code.git .circle.icon{
  color: #f05033 !important;
}
.code.html .circle.icon{
  color: #f16529 !important;
}
.code.bash .circle.icon{
  color: #293036 !important;
}
.code.nodejs .circle.icon{
  color: #8bc74b !important;
}
.code.ts .circle.icon{
  color: #007acc !important;
}

.dark .vertical.menu,
.dark .menu,
.dark .card{
  background: #222;
}
.dark .card .content,
.dark .card a.header,
.dark .vertical.menu .item,
.menu .item{
  color: #CCC !important;
}
.dark .card .meta{
  color: #CCC;
}

.dark .flat .segment,
.dark .flat .card{
  -webkit-box-shadow: 0 4px 8px -8px #111;
  box-shadow: 0 4px 8px -8px #111;
  border-radius: 0px;
  transition: 0.5s box-shadow ease-in-out;
}

.dark .flat .item.menu .item:hover,
.dark .flat .segment:hover,
.dark .flat .card:hover{
  -webkit-box-shadow: 0 10px 8px -8px #222;
  box-shadow: 0 10px 8px -8px #222;
  border-radius: 0px;
}
.dark .flat .card .header{
  color: #eee !important;
}
.dark .flat .card .description{
  color: #CCC;
}
.dark .flat .card .content{
  border-top: 1px solid #333;
}
.dark .flat .card .content a{
  color: #AAA !important;
}
.dark .card .content a.header{
  color: #eee !important;
}
.dark .card .content .meta{
  color: #ddd !important;
}