/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */


p.bw{
  cursor: pointer;
  display:inline-block;
  position: relative;
  text-align: center;
  padding:1px 4px;
  border:1px solid #ccc;
  font-size: 11px;
  border-radius: 3px;
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	color:#999;
}

canvas.p5js{
  display:block;
	margin: .5em 0;
}

.bw [class*="genericon"] {
	display: inline-block;
	width: auto;
	height: 16px;
  font-size: 11px;
	-webkit-font-smoothing: antialiased;
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	text-decoration: inherit;
	font-weight: normal;
	font-style: normal;
	vertical-align: top;
}

.bw .show:before{
  cursor: pointer;
  font-family: 'Genericons';
  content: '\f403';
  display: inline-block;
  margin-right:5px;
  position: relative;
  top:2px;

}

.bw .hide:before{
  cursor: pointer;
  font-family: 'Genericons'; 
  content: '\f404';
  display: inline-block;
  margin-right:5px;
  position: relative;
  top:2px;
}

code[class*="language-"],
pre[class*="language-"] {
  display:block;
	color: black;
	text-shadow: 0 1px white;
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;


	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #f5f5f5; /* the refresh color */
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #999;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.builtin {
	color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: #a67f59;
	background: hsla(0,0%,100%,.5);
}

.token.atrule,
.token.attr-value,
.token.keyword1 {
	color: #07a;
}


.token.regex,
.token.important {
	color: #e90;
}

.token.important {
	font-weight: bold;
}

.token.entity {
	cursor: help;
}

.token.keyword1{
  color:rgba(0,102,153,1); /*blue*/
}
.token.keyword2{
  color:rgba(0,102,153,1); /*blue*/
  font-weight:bold;
}
.token.keyword3{
  color:rgba(217,74,122,1); //rose
}