editor.css

#font-family{
	font-size: 18px;
	height: 32px;
	padding: 1px 3px;
}

#textarea{
	width: 100%;
	max-width: 500px;
	height: 250px;
	border: 1px solid #bfbfbf;
	overflow-y: auto;
}

#displayMarkup, #displayText{
	margin: 10px 5px;
}
#color td{
	padding: 2px;
}
.colrow div{
	width: 16px;
	height: 16px;
	margin: 1px;
	cursor: pointer;
}
#color{
	margin-left: 10px;
	justify-content: center;
	align-items: center;
	font-weight: bolder;
	position: relative;
	font-size: 18px;
	color: #000000;
}
#palette{
	display: none;
	position: absolute;
    border: 1px solid #c8c8cc;
    top: 30px;
    left: 0;
    background-color: white;
    box-shadow: 1px 2px 5px black;
}
#simple-formatting{
	height: 32px;
	font-size: 18px;
	cursor: default;
}
.material-icons{
	font-size: 18px;
	cursor: pointer;
}
.sq32{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
}
.flex{
	display: flex;
}