style.css

html, body {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    height: 100%;
    padding: 0;
    font-family: 'r', sans-serif;
    color: #555;
    line-height: 25px;
}

header {
    padding: 30px 0;
    background: #2C3E50;
    background: -webkit-linear-gradient(to right, #4CA1AF, #2C3E50);
    background: linear-gradient(to right, #4CA1AF, #2C3E50);
    margin-bottom: 25px;
}

.editable:hover {
    background-color: #eee;
}

.editable-custom {
    font-size: 1.5rem;
}

.editable-custom:hover {
    background-color: #28e7fb;
    color: white;
}

.editable {
    outline: none;
    border: 0;
    transition: all ease-in 150ms;
}

.editable.active {
    padding: 10px;
    border-left: 2px solid #355869;
}

.editable::selection {
    background: rgba(75, 158, 172, 0.3);
}

b::selection, kbd::selection, strong::selection {
    background: rgba(75, 158, 172, 0.3);
}

p {
    font-size: 16px;
}

header {
    color: whitesmoke;
}

header h1, h2 {
    margin: 0;
}

header h1 {
    color: white;
}

header h2 {
    color: #eee;
    font-size: 25px;
}