/*

vim-hybrid theme by w0ng (https://github.com/w0ng/vim-hybrid)

*/

/*background color*/
.hljs {
  color: #536878cc;
  display: block;
   font-family: 'Fira Code', 'Inconsolata', monospace;
     font-style: "Retina";
  padding: 0.5em;
   font-weight:500;
}

/*selection color*/
.hljs::selection,
.hljs span::selection {
  background: #99c7c7;
  opacity: 0.75;
   font-family: 'Fira Code', 'Inconsolata', monospace;
     font-style: "Retina";
      font-weight:500;
}

.hljs::-moz-selection,
.hljs span::-moz-selection {
  background: #99c7c7;
  opacity: 0.75;
   font-family: 'Fira Code', 'Inconsolata', monospace;
     font-style: "Retina";
      font-weight:500;
}


@media only screen and (max-width: 767px) {
  /*selection color*/
.hljs::selection,
.hljs span::selection {
  background: #99c7c7;
  opacity: 0.75;
   font-family: 'Fira Code', 'Inconsolata', monospace;
     font-style: "Retina";
      font-weight:500;
}

.hljs::-moz-selection,
.hljs span::-moz-selection {
  background: #99c7c7;
  opacity: 0.75;
   font-family: 'Fira Code', 'Inconsolata', monospace;
     font-style: "Retina";
      font-weight:500;
}
}

/*color: fg_yellow*/
.hljs-title,
.hljs-number,
.hljs-name {
  color: #007A74;
   font-family: 'Fira Code', 'Inconsolata', monospace;
     font-style: "Retina";
      font-weight:500;
  opacity: 0.6;
}



.hljs-selector-tag,
.hljs-literal,
.hljs-type,
.hljs-addition {
  color: #cc99cc;
   font-weight:500;
   font-family: 'Fira Code', 'Inconsolata', monospace;
}

/*color: fg_comment*/
.hljs-comment,
.hljs-meta {
  color: #888888;
   font-family: 'Fira Code', 'Inconsolata', monospace;
 font-weight:500;
}

/*color: fg_red*/

.hljs-symbol,
.hljs-operator,
.hljs-literal,
.hljs-deletion,
.hljs-link {
 color: #d46c5b;
 opacity: 0.70;
  font-family: 'Fira Code', 'Inconsolata', monospace;
    font-style: "Retina";
     font-weight:500;
}

.hljs-attribute,
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-name,
.hljs-selector-tag {
 font-weight:500;
}

/*color: fg_green*/
.hljs-string,
.hljs-doctag,
.hljs-addition,
.hljs-regexp,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #7aa864;
  opacity: 0.85;
   font-family: 'Fira Code', 'Inconsolata', monospace;
     font-style: "Retina";
      font-weight:500;
}

/*color: fg_purple*/
.hljs-attribute,
.hljs-code,
.hljs-selector-id {
 color: #b294bb;
  font-family: 'Fira Code', 'Inconsolata', monospace;
   font-weight:500;
}

/*color: fg_blue*/
.hljs-keyword,
.hljs-number,
.hljs-selector-tag,
.hljs-bullet,
.hljs-tag {
 color: #3f8f9b;
  font-family: 'Fira Code', 'Inconsolata', monospace;
    font-style: "Retina";
 font-weight:500;
}

/*color: fg_aqua*/
.hljs-subst,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
  color: #007A74;
  opacity: 0.55;
 font-family: 'Fira Code', 'Inconsolata', monospace;
   font-style: "Retina";
    font-weight:500;
}

/*color: fg_orange*/
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-quote,
.hljs-section,
.hljs-selector-class {
  color: #3f8f9b;
  opacity: 0.85;
   font-family: 'Fira Code', 'Inconsolata', monospace;
     font-style: "Retina";
      font-weight:500;
}

.hljs-emphasis {
  font-style: italic;
   font-family: 'Fira Code', 'Inconsolata', monospace;
     font-style: "Retina";
      font-weight:500;
}

.hljs-strong {
  font-weight: 500;
   font-family: 'Fira Code', 'Inconsolata', monospace;
     font-style: "Retina";
}