body {
	margin: 0;
}

.app {
	background: #ccd6e5 url(/img/bg.svg) no-repeat center center;
}

.hidden {
	display: none;
}
.mce-tinymce {
	border: 0 !important;
}
.wrapper {
	border: 1px solid rgba(0, 0, 0, 0.15);
	height: 100%;
	max-width: 1140px;
	margin: 8px auto 0;
	border-radius: 5px;
}
.titlebar {
	font-family: 'Open Sans', sans-serif;
	background: #e5e5e5;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
	border-radius: 5px 5px 0 0;
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
	padding: 0.5em 0;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.titlebar a {
	text-decoration: none;
	color: #444;
}
h1 {
	font-size: 1em;
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 0.95em;
}
.notepad {
	display: block;
	height: 100%;
	min-height: 945px;
	box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.15);
}
#editor {
	height: 100%;
	width: 100%;
}
.tinywrap {
	height: 100%;
	min-height: 800px;
	background: #fff;
	overflow: hidden;
}
.mce-panel {
	background: #fafafa !important;
}
.mce-toolbar .mce-btn {
	background: #fafafa;
}
.mce-btn i {
	color: #494949;
}
.mce-window .mce-btn button {
	background: #2d8ac7;
	color: #fff !important;
}
.ag {
	overflow: hidden;
	text-align: center;
	margin: 0 auto 0;
	padding: 0;
	clear: both;
}

.content {
	max-width: 1230px;
	padding: 2rem;
}