.MarkdownElement, .editor-preview-side {
    font-family: "Roboto", "Arial", sans-serif;
    color: #8bb6e5;
    line-height: 1.25;
}

.MarkdownElement {
    font-size: 2.4rem;
}

.editor-preview-side {
    font-size: 24px;
    background-color: rgba(52,74,104,1) !important;
    padding: 30px !important;
}

.MarkdownElement p, .editor-preview-side p,
.MarkdownElement hr, .editor-preview-side hr,
.MarkdownElement ul, .editor-preview-side ul,
.MarkdownElement ol, .editor-preview-side ol {
    margin: 1.25em 0;
}

.MarkdownElement p:first-child, .editor-preview-side p:first-child,
.MarkdownElement hr:first-child, .editor-preview-side hr:first-child,
.MarkdownElement ul:first-child, .editor-preview-side ul:first-child,
.MarkdownElement ol:first-child, .editor-preview-side ol:first-child,
.MarkdownElement h1:first-child, .editor-preview-side h1:first-child,
.MarkdownElement h2:first-child, .editor-preview-side h2:first-child,
.MarkdownElement h3:first-child, .editor-preview-side h3:first-child {
    margin-top: 0;
}

.MarkdownElement p:last-child, .editor-preview-side p:last-child,
.MarkdownElement hr:last-child, .editor-preview-side hr:last-child,
.MarkdownElement ul:last-child, .editor-preview-side ul:last-child,
.MarkdownElement ol:last-child, .editor-preview-side ol:last-child,
.MarkdownElement h1:last-child, .editor-preview-side h1:last-child,
.MarkdownElement h2:last-child, .editor-preview-side h2:last-child,
.MarkdownElement h3:last-child, .editor-preview-side h3:last-child {
    margin-bottom: 0;
}

.MarkdownElement strong, .editor-preview-side strong {
    font-weight: bold;
}

.MarkdownElement em, .editor-preview-side em {
    font-style: italic;
}

.MarkdownElement h1, .editor-preview-side h1,
.MarkdownElement h2, .editor-preview-side h2,
.MarkdownElement h3, .editor-preview-side h3 {
    font-family: "Roboto Condensed";
    font-weight: bold;
    color: #2bc191;
    line-height: 1;
    margin: 0.5em 0;
}

.MarkdownElement h1, .editor-preview-side h1 {
    font-size: 1.75em;
}

.MarkdownElement h2, .editor-preview-side h2 {
    font-size: 1.5em;
}

.MarkdownElement h3, .editor-preview-side h3 {
    font-size: 1.25em;
}

.MarkdownElement hr, .editor-preview-side hr {
    border: 0 none;
    border-bottom: 1px solid #567eb3;
}

.MarkdownElement ul li, .editor-preview-side ul li {
    position: relative;
    padding-left: 1em;
    margin: 0.25em 0;
}

.MarkdownElement ul li:before, .editor-preview-side ul li:before {
    content: "•";
    left: 0;
    position: absolute;
    color: #2bc191;
}

.MarkdownElement ol, .editor-preview-side ol {
    list-style-type: decimal;
    padding-left: 1em;
}

.MarkdownElement ol li, .editor-preview-side ol li {
    margin: 0.25em 0;
    padding-left: 0.5em;
}

.MarkdownElement a, .editor-preview-side a {
    cursor: pointer;
    text-decoration: none;
    color: #4ffbf1;
}

.MarkdownElement a:hover, .editor-preview-side a:hover {
    text-decoration: none;
    color: #fff;
}