body {
background-color: #f4f4f4;
}

.sidebar {
background: #000;
min-height: 100vh;
padding: 15px;
}

.sidebar a {
color: white;
display: block;
padding: 10px;
text-decoration: none;
}

.sidebar a:hover {
background: #333;
}

.footer {
background: black;
color: white;
text-align: center;
padding: 10px;
position: fixed;
bottom: 0;
width: 100%;
}

.login-card {
width: 350px;
background: #111;
border-radius: 10px;
}

.editor-wrapper {
    width: 96%;           /* almost full width */
    margin: 2% auto;      /* 2% space from all sides */
}

.editor-wrapper form {
    width: 100%;
}

.editor-wrapper textarea,
.ck-editor__editable,
.cke_editor_editor {
    width: 100% !important;
}

.cke_contents {
    height: 400px !important;
}

.white-bold-link {
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
}

.white-bold-link:hover {
    color: #f1f1f1;
    text-decoration: underline;
}