#raw{
	display: none;
}

body{
	margin: auto;
	padding: 0 1em;
	overflow: auto;
	background: #fbfbfb;
	font-family: monospace;
}
h1{
	max-width: 600px;
	width: 100%;
	font-weight: bold;
	margin: 0.5em auto;
	text-align: right;
	font-size: 2em;
}
h1 img{
  display: block;
	width: 98%;
	max-width: 600px;
}
h1 span{
	max-width: 600px;
	width: 95%;
	margin: 2px auto;
	font-size: 12px;
}
a,a:active,a:hover,a:visited{
	color: black;
}
form{
	max-width: 600px;
	width: 100%;
	margin: auto;
}
textarea{
	max-width: 600px;
	width: 100%;
	margin: 0.5em auto;
	border-radius: 3px;
	border: #bbbbbb 1px solid;
}
select{
	width: 100%;
	max-width: 220px;
	margin-bottom: 0.2em;
}
input[type=text]{
	width: 95%;
	max-width: 200px;
	margin: 0.2em auto;
	border: 1px solid #ccc;
}
input[type="submit"]{
	border: 1px solid #ccc;
	/* Anciens navigateurs */
	background: url("gradient-bg.png") repeat-x center;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#fdfdfd),
		to(#f0f0f0)
	);
	background: -webkit-linear-gradient(
		top,
		#fdfdfd,
		#f0f0f0
	);
	background: -moz-linear-gradient(
		top,
		#fdfdfd,
		#f0f0f0
	);
	background: -o-linear-gradient(
		top,
		#fdfdfd,
		#f0f0f0
	);
	background: linear-gradient(
		top,
		#fdfdfd,
		#f0f0f0
	);

}
pre{
	width: fit-content;
}

@media (max-width: 600px) {
  	body{
  	padding: 0 0.5em;
  }
}
@media (max-width: 300px) {
  	body{
  	padding: 0 0.2em;
  }
}

/*
  codepen.io Embed Theme
  Author: Justin Perry <http://github.com/ourmaninamsterdam>
  Original theme - https://github.com/chriskempson/tomorrow-theme
*/

.hljs {
  background: #222;
  color: #fff;
}

.hljs-comment,
.hljs-quote {
  color: #777;
}

.hljs-variable,
.hljs-template-variable,
.hljs-tag,
.hljs-regexp,
.hljs-meta,
.hljs-number,
.hljs-built_in,
.hljs-literal,
.hljs-params,
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-deletion {
  color: #ab875d;
}

.hljs-section,
.hljs-title,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-type,
.hljs-attribute {
  color: #9b869b;
}

.hljs-string,
.hljs-keyword,
.hljs-selector-tag,
.hljs-addition {
  color: #8f9c6c;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}
