body {
    background-color: #dde7fb; 
}

.brand {
    font-family: "Lato", sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #6A4FB7;
}

.red-o {
    color: #FF4E50;
}

.thin {
    font-weight: 300;
}

.light-bg {
    background-color: #ffffff;
}

.dark-bg {
    background-color: #2D3142;
}

.main-bg {
    background-color: #dee7f9;
}

.card {
    border: none;
    background-color: transparent;
}

.image-container {
    position: relative;
}

.image-flash {
    position: absolute;
    bottom: 5%;
    min-width: 30%;
    left: -2px;
    background-image: linear-gradient(45deg, #ff9a9e, #fad0c4, #fad0c4, #fbc2eb, #a18cd1);
    color: #fff;
}

.scale {
    width: 100%;
    height: auto;
}

.author {
    color: white;
    margin: 4px;
    text-transform: uppercase;
}

.masthead {
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    height: 33vh;
    width: 100%;
}

.masthead-text {
    background: linear-gradient(90deg, #23bbbb, #6a4fb7);
    color: white;
    position: relative;
}

.masthead-image {
    position: relative;
    overflow: hidden;
}

.masthead-image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 90%;
    height: 100%;
    width: 150%;
    background: #2d3142;
    transform: skew(15deg);
    z-index: 100;
}

.post-link {
    text-decoration: none;
    color: #2d3142;
}

.post-link:hover,
.page-link {
    color: #FF6F61;
}

.post-title {
    margin-top: 10%;
    margin-left: 5%;
}

.post-subtitle {
    margin-left: 5%;
    color: #aaa;
}

.btn-signup,
.btn-edit {
    background-image: linear-gradient(to right, #6a4fb7, #23bbbb);
    color: #fff;
    border: none;
}

.btn-signup:hover,
.btn-signup:active {
    background: #fff;
    color: #6a4fb7;
    border: 1px solid #23bbbb;
}

.link {
    color: #23BBBB;
    text-decoration: none;
    font-weight: 500;
}

.link:hover,
.link:active {
    color: #6A4FB7;
    text-decoration: underline;
}

.btn-like {
    color: #FF4E50;
    border: none;
    background: transparent;
}

.btn-delete {
    color: #fff;
    background: #FF4E50;
}

.btn-like:hover,
.btn-like:active {
    color: #FF4E50;
    background: transparent;
    border: none;
}

.faded {
    color: #b0b0b0;
}

.approval {
    color: #de92a8;
}