/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

hr { color: #D6DADE; margin: 25px 0; }

/** Basic styling */
body { font-family: 'monosten'; font-size: 16px; line-height: 1.5; font-weight: 300; color: #111; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; }

p { font-size: 14px; line-height: 22px; color: #363945; }

img { margin: 25px 0; }

/***VIDEOS******/
/*.wistia_responsive_padding { margin: 40px 0;
}*/
/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; }

/** Images */
img { max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 14px; }

/** Lists */
/*ul, ol { margin-left: $spacing-unit;
}*/
li > ul, li > ol { margin-bottom: 0; }

ul { list-style: square; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 300; font-family: 'circular-bold'; display: block; }

/** Links */
a { color: #56be8e; text-decoration: none; }
a:visited { color: #56be8e; }
a:hover { color: #b2b9c1; text-decoration: underline; }

/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 18px; font-style: italic; }
blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-size: 15px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: scroll; }
pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); /*margin-right: auto;
margin-left: auto;*/ padding-right: 30px; padding-left: 100px; }
@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }

/** Clearfix */
.wrapper:after, .footer-col-wrapper:after { content: ""; display: table; clear: both; }

/** Icons */
.icon > svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }
.icon > svg path { fill: #828282; }

/*** Jay's Additions*/
/*ul { list-style: none;
}*/
/*******FONTS******************/
@font-face { font-family: 'monosten'; src: url(../assets/fonts/monosten-a-webfont.ttf); }
@font-face { font-family: 'circular-book'; src: url(../assets/fonts/circular-book.otf); }
@font-face { font-family: 'circular-bold'; src: url(../assets/fonts/circular-bold.otf); }
@font-face { font-family: 'circular-black'; src: url(../assets/fonts/circular-black.otf); }
@font-face { font-family: 'interstate-light'; src: url(../assets/fonts/interstate-light.ttf); }
/** Site header */
.site-header {     /*border-top: 5px solid $grey-color-dark; border-bottom: 1px solid $grey-color-light; min-height: 56px;
 // Positioning context for the mobile navigation icon position: relative;*/ position: fixed; height: 100%; width: 200px; background: #f9f9f9; border-right: 1px solid #efefef; overflow-y: scroll; padding: 60px 40px 40px 40px; }

.site-title { text-align: left; font-family: 'circular-bold'; font-size: 28px; line-height: 42px; color: #363945; border-bottom: 2px solid #363945; }

.site-title:visited { color: #363945; }

.site-title:hover { color: #56be8e; border-color: #56be8e; }

.menu-item { border-bottom: 1px solid #D6DADE; display: block; font-size: 10.5px; padding: 2px 0; }

.menu-link-container { height: 100%; }

.show-more-button { width: 10px; height: auto; margin: auto; font-family: 'monosten'; font-size: 24px; display: inline; padding-left: 12px; vertical-align: top; margin-bottom: 40%; }

.show-more-button:hover { cursor: context-menu; color: #56be8e; }

.carrot { height: 6px; vertical-align: top; color: #b2b9c1; }

.site-nav {     /*float: right; line-height: 56px;
 .menu-icon { display: none; }
 .page-link { /*color: $text-color; line-height: $base-line-height;
 // Gaps between nav items, but not on the first one &:not(:first-child) { margin-left: 20px; }*/ }

.page-link { color: #363945; display: inline-block; width: 150px; line-height: 40px; }

.page-link:hover { text-decoration: underline; }

.page-link:active { text-decoration: underline; }

.page-link:visited { color: #363945; }

.wrapper-trigger { margin-top: 40px; }

a:hover { text-decoration: none; }

@media screen and (max-width: 600px) { position: absolute; top: 9px; right: 30px; background-color: #fdfdfd; border: 1px solid #e8e8e8; border-radius: 5px; text-align: right;
  .menu-icon { display: block; float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; }
  .menu-icon > svg { width: 18px; height: 15px; }
  .menu-icon > svg path { fill: #424242; }
        /*.trigger { clear: both; display: none; }
 &:hover .trigger { display: block; padding-bottom: 5px; }
 .page-link { display: block; padding: 5px 10px; } }*/ }
/** Site footer */
.site-footer { border-top: 1px solid #e8e8e8; /*padding: $spacing-unit 0;*/ left: 280px; width: calc(100% - 280px); max-width: calc(100% - 230px); position: relative; display: block; margin-top: 30px; padding-top: 40px; }

.footer-heading { font-size: 18px; margin-bottom: 15px; }

.contact-list, .social-media-list { list-style: none; margin-left: 0; }

.footer-col-wrapper { font-size: 15px; color: #828282; margin-left: -15px; }

.footer-col { float: left; margin-bottom: 15px; padding-left: 15px; }

.footer-col-1 { width: -webkit-calc(35% - (30px / 2)); width: calc(35% - (30px / 2)); }

.footer-col-2 { width: -webkit-calc(20% - (30px / 2)); width: calc(20% - (30px / 2)); }

.footer-col-3 { width: -webkit-calc(45% - (30px / 2)); width: calc(45% - (30px / 2)); }

@media screen and (max-width: 800px) { .footer-col-1, .footer-col-2 { width: -webkit-calc(50% - (30px / 2)); width: calc(50% - (30px / 2)); }
  .footer-col-3 { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }
@media screen and (max-width: 600px) { .footer-col { float: none; width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }
/*********Page content*************/
.page-content { /*padding: $spacing-unit 0;*/ left: 280px; width: calc(100% - 280px); max-width: calc(100% - 280px); position: relative; display: block; padding-top: 66px; }

.page-heading { font-size: 14px; margin-bottom: 45px; }

.post-list { margin-left: 0; list-style: none; }
.post-list > li { margin-bottom: 30px; }

.post-meta { font-size: 14px; color: #828282; }

.post-link { display: block; font-size: 24px; }

blockquote p { color: #b2b9c1; font-style: normal; }

/***CODE BLOCK STYLING*******/
pre { background-color: #D6DADE; padding: 26px; font-size: 14px; border: none; margin: 20px 0px; overflow-x: scroll; display: block; }

code { background-color: #D6DADE; font-size: 14px; }

.highlight { background: #D6DADE; font-size: 14px; }

/***LIST STYLING************/
ol, ul { margin-bottom: 20px; margin-left: 40px; font-size: 14px; }

.index-list { margin-left: 0; list-style: none; margin-bottom: 30px; }

.index-list a { font-family: 'monosten'; font-size: 14px; }

.home h3 { border-bottom: 2px solid; display: inline-block; margin: 10px 0 20px 0; }

.index-list h4 { margin-top: 10px; border-bottom: none; padding: 0; margin-bottom: 0; }

/*ul { margin-left: 10px;
}*/
/*****PLAYGROUND HINTS/ANSWERBOX**********/
#answerBox { font-size: 14px; line-height: 26px; margin-top: 30px; }

.hintButton { color: #b2b9c1; font-size: 12px; border: 2px solid #b2b9c1; border-radius: 2px; padding: 12px 20px; display: inline-block; }

.hintButton:hover { cursor: pointer; color: #363945; border-color: #363945; transition-duration: .5s; transition-timing-function: ease-out; }

/*****INPUTS/BUTTONS************************/
.garden-input { color: #363945; font-family: 'monosten'; font-size: 12px; width: 50%; /*border: 2px solid #b2b9c1;
border-radius: 2px;*/ border: none; background-color: #D6DADE; padding: 12px 20px; display: inline-block; outline: none; }

.garden-button { color: #b2b9c1; font-family: 'monosten'; font-size: 12px; border: 2px solid #b2b9c1; border-radius: 2px; padding: 12px 20px; display: inline-block; outline: none; background-color: none; margin-top: 20px; }

.garden-button:hover { cursor: pointer; color: #363945; border-color: #363945; transition-duration: .5s; transition-timing-function: ease-out; }

button { background-color: #fff; }

/** Posts */
.post-header { margin-bottom: 30px; }

.post-title { font-family: 'circular-bold'; font-size: 32px; line-height: 1; display: inline-block; padding-bottom: 20px; border-bottom: 3px solid #161D25; margin-bottom: 28px; }
@media screen and (max-width: 800px) { .post-title { font-size: 36px; } }

.post p { font-family: 'interstate-light'; font-size: 16px; line-height: 30px; color: #363945; }

.post ul { font-family: 'interstate-light'; font-size: 16px; line-height: 30px; color: #363945; }
.post ol { font-family: 'interstate-light'; font-size: 16px; line-height: 30px; color: #363945; }

.post-content { margin-bottom: 30px; }
.post-content h1 { font-size: 26px; }
@media screen and (max-width: 800px) { .post-content h1 { font-size: 22px; } }
.post-content h2 { font-size: 22px; }
@media screen and (max-width: 800px) { .post-content h2 { font-size: 20px; } }
.post-content h3 { font-size: 20px; }
@media screen and (max-width: 800px) { .post-content h3 { font-size: 18px; } }
.post-content h4 { font-size: 18px; }
@media screen and (max-width: 800px) { .post-content h4 { font-size: 16px; } }

.post-content h1, h2, h3, h4, h5, h6 { margin-top: 40px; /*border-bottom: 2px solid;*/ display: block; padding-bottom: 10px; margin-bottom: 20px; }

.playground-list ul { margin: 0; }

.playground-list li { display: inline-block; }

.playground-list a { font-size: 12px; display: inline-block; color: #b2b9c1; border: 2px solid #b2b9c1; padding: 20px; }

.playground-list a:hover { cursor: pointer; color: #363945; border-color: #363945; transition-duration: .5s; transition-timing-function: ease-out; }

/****GLOSSARY STYLING********/
.glossary { margin: 0px; width: 100%; }

.glossary-entry { border-top: 1px solid #D6DADE; padding: 20px 0; }

.glossary-table { margin: 0px 0 10px 0; }

.glossary-table h4 { border: none; font-size: 12px; margin: 0; }

.glossary-title { display: inline-block; width: 10%; vertical-align: top; }

.table-name { display: inline-block; width: 10%; vertical-align: top; }

.glossary-category { display: inline-block; width: 15%; vertical-align: top; font-size: 12px; color: #b2b9c1; padding-left: 40px; }

.table-category { display: inline-block; width: 15%; padding-left: 30px; vertical-align: top; }

.glossary-description { width: 64%; display: inline-block; vertical-align: top; padding-left: 25px; }

.table-description { width: 60%; display: inline-block; vertical-align: top; padding-left: 23px; }

.glossary p { font-size: 14px; }

.glossary-a { font-size: 12px; display: block; margin-bottom: 10px; }

.glossary h4 { border: none; margin: 0; font-size: 14px; color: #56be8e; }

.glossary li { list-style: none; margin: 0; }

.glossary-index { margin-top: 50px; }

.glossary-links { /*border-right: 1px solid #D6DADE;*/ padding-right: 8px; text-align: center; }

.glossary-links:hover { background-color: #D6DADE; cursor: pointer; }

.glossary-letter { border: none; }

/******COLLECTION DIVS*******/
.collections-menu { visibility: hidden; height: 0px; width: 0px; }

.collection-menu-unopened { visibility: hidden; height: 0px; width: 0px; }

.collection-menu-invisible { visibility: hidden; height: 0px; width: 0px; }

.collection-menu-close { visibility: visible; margin-bottom: 20px; width: auto; height: auto; animation-name: closeCollectionMenu; animation-duration: 1s; overflow: hidden; }

.collection-menu-close ul { list-style: none; display: block; font-size: 10.5px; margin: 0 10px; }

.collection-menu-close li { margin: 10px 0; }

@keyframes openCollectionMenu { 0% { max-height: 0px; }
  100% { max-height: 300px; } }
@keyframes closeCollectionMenu { 0% { max-height: 300px; margin-bottom: 20px; }
  50% { margin-bottom: 20px; }
  100% { max-height: 0px; margin-bottom: 0px; } }
.collection-menu-visible { visibility: visible; /*-moz-transition: height 2s;
-ms-transition: height 2s;
-o-transition: height 2s;
transition: 2s;*/ margin-bottom: 20px; width: auto; height: auto; animation-name: openCollectionMenu; animation-duration: 1s; overflow: hidden; }

.collection-menu-visible ul { list-style: none; display: block; font-size: 10.5px; margin: 0 10px; }

.collection-menu-visible li { margin: 10px 0; }

/******UPGRADE CALCULATOR***********/
/******TEAM PAGE********************/
.squad-section { width: 100%; margin-bottom: 40px; }

.squad-section h1 { padding: 0 0 10px 0; border-bottom: 2px solid; display: inline-block; color: #56be8e; }

.team-member { width: 40%; display: inline-block; margin-right: 9%; margin-bottom: 40px; }

.team-member-director { width: 100%; display: block; margin-bottom: 40px; }

.team-photo { height: 300px; }

.team-member h3 { margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 2px solid; display: inline-block; }

.team-member h5 { margin: 0 0 25px 0; display: block; }

.team-member-director h3 { margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 2px solid; display: inline-block; }

.team-member-director h5 { margin: 0 0 25px 0; display: block; }

/*.team-link { font-size: 12px; padding: 20px; display: inline-block; border: 2px solid #56be8e; border-radius: 2px;
}*/
.team-link { color: #56be8e; font-size: 12px; border: 2px solid #56be8e; border-radius: 2px; padding: 12px 20px; display: inline-block; }

.team-link:hover { cursor: pointer; color: #363945; border-color: #363945; transition-duration: .5s; transition-timing-function: ease-out; }

/*.team-link:visited { color: #b2b9c1;
}*/
/************API GUIDES********************/
.api-basics-block { display: inline-block; width: 21.5%; margin-right: 2%; vertical-align: top; }

.api-basics-block a { font-size: 11px; }

.api-basics-block p { font-size: 11px; margin-top: 5px; }

.api-video-link { display: block; width: 40px; }

.api-video-title { font-family: 'circular-bold'; font-size: 14px; color: #363945; display: block; margin: 20px 0 0 0; }

.play-icon { fill: #56be8e; display: block; }

/**********EMBED TESTER*********************/
#testEmbed { font-family: 'monosten'; font-size: 12px; width: 90%; height: 130px; display: block; margin-bottom: 20px; background-color: #F9F9F9; color: #b2b9c1; border: 2px dashed #D6DADE; border-radius: 4px; outline: none; padding: 20px; line-height: 18px; }

textarea { resize: none; }

.spacerDiv { border-bottom: 2px dashed #D6DADE; }

.infoContainer { background-color: #F9F9F9; border: 2px solid #D6DADE; padding: 25px; font-size: 12px; border-radius: 4px; margin-bottom: 40px; }

.infoTitle { color: #444; font-family: 'circular-bold'; font-size: 16px; border-bottom: 2px solid #D6DADE; margin-bottom: 20px; padding-bottom: 20px; }

/******GORDIFY*************************/
#gordification { margin-top: 20px; font-size: 8px; border: 1.5 solid; padding: 5px 10px; }

/*****PLAYGROUNDS************************************************/
/*****PLAYER API************************/
/*.playerapi-wrapper { margin: 0 20px;
}*/
.playerapi-wrapper { height: 100%; margin: 0 5%; }

#playerapi-left { display: inline-block; width: 70%; height: 100%; vertical-align: top; padding-right: 2%; }

#playerapi-left h3 { padding: 0; margin: 30px 0 0 0; }

#playerApiLog { padding: 30px; display: inline-block; width: 20%; vertical-align: top; height: 90%; font-size: 13px; overflow-y: scroll; position: absolute; background-color: #002833; /*border: 3px solid #D6DADE;*/ border-radius: 5px; /*border-left: 2px solid #EFEFEF;*/ }

.loggedEvent { font-family: 'monosten'; color: #839496; padding: 15px 15px 15px 0px; border-bottom: 2px dashed #b2b9c1; /*border: 3px solid #D6DADE;
border-radius: 6px;
margin-bottom: 10px;*/ }

#inputs { margin-top: 30px; font-size: 12px; }

/*#inputs input { color: #363945; font-family: 'monosten'; font-size: 12px; border: none; background-color: #D6DADE; display: inline-block; outline: none;
}
*/
#inputs [type=number] { color: #363945; font-family: 'monosten'; font-size: 10px; width: 40px; /*border: 2px solid #b2b9c1;
border-radius: 2px;*/ border: none; padding: 3px; background-color: #fff; border: 1px solid #444; display: inline-block; outline: none; }

.input-div { background-color: #EFEFEF; padding: 12px 10px 10px 20px; margin-bottom: 3px; }

.input-div:hover { background-color: #efefff; }

/*********STATS API PLAYGROUND******************/
.playerapi-wrapper p { font-family: 'interstate-light'; line-height: 24px; }

.statsApiTitle { margin-top: 0px; font-size: 32px; border-bottom: 3px solid #444; display: inline-block; margin-bottom: 50px; }

@-webkit-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
#ogurl { -webkit-animation: none; }

#api-form { display: inline-block; -webkit-animation: none; padding-bottom: 20px; padding-top: 35px; margin-top: 30px; border-top: 2px solid #D6DADE; width: 100%; }

#api-form input[type=submit], input[type=reset] { color: #444; font-family: 'monosten'; font-size: 11px; border: 2px solid #444; border-radius: 2px; padding: 10px 20px; display: inline-block; appearance: none; background-color: #fff; outline: none; }

#api-form input[type=reset] { float: right; }

#api-form input[type=submit]:hover, input[type=reset]:hover { cursor: pointer; color: #fff; border-color: #444; background-color: #444; transition-duration: .2s; transition-timing-function: ease-out; }

#api-key-field { color: #444; font-family: 'monosten'; font-size: 11px; width: 400px; border: 1px solid #b2b9c1; background-color: #D6DADE; border-radius: 2px; padding: 11px 20px; margin-right: 2px; display: inline-block; outline: none; }

#request-log { margin-bottom: 30px; }

#request-log select { float: right; outline: none; }

#request-log input[type=submit] { display: block; color: #b2b9c1; font-family: 'monosten'; font-size: 11px; border: 2px solid #b2b9c1; border-radius: 2px; padding: 10px 20px; appearance: none; background-color: #fff; outline: none; margin-top: 20px; }

#request-log input[type=submit]:hover { cursor: pointer; color: #363945; border-color: #363945; transition-duration: .5s; transition-timing-function: ease-out; }

#request-log input[type=text] { border: 1px solid #D6DADE; font-family: 'monosten'; font-size: 10px; padding: 6px; margin-top: 15px; margin-right: 5px; outline: none; }

.pickerDiv { font-size: 12px; padding: 20px 0px 15px 0px; border-top: 3px solid #444; border-bottom: 1px dashed #444; -webkit-animation: 1s fadein; background-color: #fff; }

.picker { /*padding-bottom: 10px;
margin-bottom: 10px;*/ margin-bottom: 5px; -webkit-animation: 1s fadein; }

/*#url-query-params-1 span { display: none;
}

#url-query-params-2 span { display: none;
}

#url-query-params-3 span { display: none;
}*/
.params span { display: none; }

.helloData { font-size: 12px; padding: 20px 0px; -webkit-animation: 1s fadein; }

.helloData h3 { margin: 10px 0px; font-family: monosten; padding-bottom: 6px; border-bottom: 1px solid #444; display: inline-block; }

/*#url-query-params-1 span { margin: 8px 0px; text-transform: uppercase; font-size: 10px;
}*/
.requestResponseJson { border: 1px solid #b2b9c1; color: #444; border-radius: 2px; background-color: #d6dade; padding: 20px 30px; display: block; margin: 20px 0px; font-size: 12px; overflow-x: scroll; max-height: 200px; }

.requestUrl { border: 1px solid #b2b9c1; color: #444; border-radius: 2px; background-color: #d6dade; padding: 20px 30px; display: block; margin: 20px 0px; font-size: 12px; }

.json-string { color: green; }

.json-number { color: darkorange; }

.json-boolean { color: blue; }

.json-null { color: magenta; }

.json-key { color: #444; }

/*#url-query-params-1 input[type=submit] { color: #b2b9c1; font-family: 'monosten'; font-size: 12px; text-transform: uppercase; //border: 2px solid #b2b9c1; //border-radius: 2px; //padding: 5px 10px; display: inline; //appearance: none; background-color: #fff; outline: none; border: none;
}

#url-query-params-1 input[type=submit]:hover { cursor: pointer; color: #363945; //border-color: #363945; transition-duration: .5s; transition-timing-function: ease-out;
}*/
/****************ADDITIONAL************************/
/*.url-constructor-div input[type=submit] { color: #b2b9c1; font-family: 'monosten'; font-size: 10px; border: 2px solid #b2b9c1; border-radius: 2px; padding: 10px 20px; display: inline-block; background-color: #fff;
}

.url-constructor-div input[type=submit]:hover { cursor: pointer; color: #363945; border-color: #363945; transition-duration: .5s; transition-timing-function: ease-out;
}

#api-url-constructor { border-bottom: 2px solid #D6DADE; padding-bottom: 5px;
}

.url-constructor-div { border-bottom: 1px solid #D6DADE; margin-bottom: 20px; padding-bottom: 15px; font-size: 12px; animation: fadeIn; -webkit-animation: fadein 2s;
}*/
/** Syntax highlighting styles */
.highlight { background: #D6DADE; }
.highlight .c { color: #998; font-style: italic; }
.highlight .err { color: #a61717; background-color: #e3d2d2; }
.highlight .k { font-weight: bold; }
.highlight .o { font-weight: bold; }
.highlight .cm { color: #998; font-style: italic; }
.highlight .cp { color: #999; font-weight: bold; }
.highlight .c1 { color: #998; font-style: italic; }
.highlight .cs { color: #999; font-weight: bold; font-style: italic; }
.highlight .gd { color: #000; background-color: #fdd; }
.highlight .gd .x { color: #000; background-color: #faa; }
.highlight .ge { font-style: italic; }
.highlight .gr { color: #a00; }
.highlight .gh { color: #999; }
.highlight .gi { color: #000; background-color: #dfd; }
.highlight .gi .x { color: #000; background-color: #afa; }
.highlight .go { color: #888; }
.highlight .gp { color: #555; }
.highlight .gs { font-weight: bold; }
.highlight .gu { color: #aaa; }
.highlight .gt { color: #a00; }
.highlight .kc { font-weight: bold; }
.highlight .kd { font-weight: bold; }
.highlight .kp { font-weight: bold; }
.highlight .kr { font-weight: bold; }
.highlight .kt { color: #458; font-weight: bold; }
.highlight .m { color: #099; }
.highlight .s { color: #d14; }
.highlight .na { color: #008080; }
.highlight .nb { color: #0086B3; }
.highlight .nc { color: #458; font-weight: bold; }
.highlight .no { color: #008080; }
.highlight .ni { color: #800080; }
.highlight .ne { color: #900; font-weight: bold; }
.highlight .nf { color: #900; font-weight: bold; }
.highlight .nn { color: #555; }
.highlight .nt { color: #000080; }
.highlight .nv { color: #008080; }
.highlight .ow { font-weight: bold; }
.highlight .w { color: #bbb; }
.highlight .mf { color: #099; }
.highlight .mh { color: #099; }
.highlight .mi { color: #099; }
.highlight .mo { color: #099; }
.highlight .sb { color: #d14; }
.highlight .sc { color: #d14; }
.highlight .sd { color: #d14; }
.highlight .s2 { color: #d14; }
.highlight .se { color: #d14; }
.highlight .sh { color: #d14; }
.highlight .si { color: #d14; }
.highlight .sx { color: #d14; }
.highlight .sr { color: #009926; }
.highlight .s1 { color: #d14; }
.highlight .ss { color: #990073; }
.highlight .bp { color: #999; }
.highlight .vc { color: #008080; }
.highlight .vg { color: #008080; }
.highlight .vi { color: #008080; }
.highlight .il { color: #099; }