* {
	margin: 0;
	padding: 0;
	background-color: #1d1d1d;
}

html, body {
	width: 100%;
	height: 100%;
}

#editor, input, select {
	border-radius: 0px;
	outline: none;
	border: 1px solid #fff;
	color: #fff;
	resize: none;
	font-family: "Roboto";
}

input {
	border: none;
}

body {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding: 10px;
}

#options {
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
	flex: 1;
}

#options * {
	font-size: 1.5rem;
	height: 100%;
	margin: 0px 10px;
}

#font, #size {
	flex: 3;
}

#color {
	flex: 1;
}

#editor {
	flex: 24;
	padding: 10px;
	box-sizing: border-box;
}

#bebas {
	font-family: 'Bebas Neue'
}

#benne {
	font-family: 'Benne'
}

#roboto {
	font-family: 'Roboto'
}

#robomono {
	font-family: 'Roboto Mono'
}

#truculen {
	font-family: 'Truculenta'
}