body {
	background-color: rgb(35, 35, 35);
	font-family: "Open Sans", Helvetica, "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sansSerif;
	line-height: 20px;
	font-size: .875rem;
	color: rgb(203, 203, 203);
	-webkit-font-smoothing: antialiased;
	/* text-transform: uppercase; */
}

textarea {
	height: 100%;
	width: 100%;
	font-family: "Source Code Pro", monospace;
	background-color: rgb(39, 39, 39);
	color: rgb(203, 203, 203);
	border-radius: 3px;
	border: 1px solid #2c2c2c;
	color-scheme: dark;
	resize: none;
	flex: auto;
}

button {
	color: rgb(203, 203, 203);
	cursor: pointer;
	padding: 6px 20px;
	border: none;
	border-radius: 3px;
	background-color: rgb(61, 61, 61);
	font-weight: 600;
	margin-bottom: 10px;
}

.clipboard {
	font-size: 12px;
	background-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	user-select: none;
	border: 0 solid;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	stroke-width: 1.5px;
}

.clipboard_icon {
	stroke-width: 1.5px;
	height: calc(.25rem * 3);
	width: calc(.25rem .25rem * 3);
}

.cookies_footer {
	font-size: xx-small;
	cursor: pointer;
	background-color: inherit;
}

.cookies_msg {
	z-index: +1;
	position: absolute;
	background-color: #2c2c2c;
	padding: 10px;
}

.CodeMirror {
	width: 100%;
	/* or 100%, auto, etc. */
	height: 100%;
	/* width: 100%; */
	font-family: "Source Code Pro", monospace;
	background-color: rgb(39, 39, 39);
	background: rgb(39, 39, 39);
	;
	color: rgb(203, 203, 203);
	border-radius: 3px;
	border: 1px solid #2c2c2c;
	color-scheme: dark;
}

.cm-s-monokai.CodeMirror {
	background-color: rgb(39, 39, 39) !important;
	color: rgb(203, 203, 203) !important;
}

.cm-s-monokai .CodeMirror-linenumber {
	color: #999;
}

.cm-s-monokai .CodeMirror-gutters {
	background-color: rgb(43, 43, 43) !important;
}

.CodeMirror-selected {
	background-color: rgba(0, 128, 255, 0.3) !important;
}