:root {
	--highlight-background: #1E90FF;
	--highlight-text: #FFFFFF;
	--lowlight-background: #EFEFEF;
	--border-color: #D4D4D4;
}

body {
	font-family: ubuntu;
	padding: 0px;
	margin: 0px;
}

.container {
	padding: 10px;
}

pre {
    white-space: pre-wrap;       
    word-wrap: break-word;
}

.variable {
	font-style: italic;
}

#outerSettingsContainer {
	padding:20px;
	background-color: #1E90FF80;
	overflow: hidden;
}

#codeContainer {
	margin: 10px;
	max-height: 400px;
	overflow-y: auto;
	border: 1px solid var(--border-color);
}

.button {
	background-color: var(--highlight-background);
	color: var(--highlight-text);
	padding: 10px;
	border: none;
	margin:10px;
	border-radius:5px;
}

#title {
	font-size:150%;
	padding:20px;
	text-align: center;
	background-color: var(--highlight-background);
	color: var(--highlight-text);
}