body {
    background-color: #F4F3EC;
    color: #2B2B2B;
}

nav,
header {
    background-color: #F4F3EC;
}

.title-wrapper {
    background-color: #F4F3EC;
    color: #2B2B2B;
}

.highlight-wrapper {
    position: relative;
    width: 100%;
    height: 400px;
}

.highlight-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.highlight-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 0 calc(85%), calc(100%) 400px, calc(100%) 0);
    clip-path: polygon(0 0, 0 calc(85%), calc(100%) 400px, calc(100%) 0);
}

.highlight-wrapper-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.highlight-top-left {
    /* position: absolute; */
    background-color: #F5E94E;
}

.highlight-tags {
    background-color: #B70808;
    color: #F4F3EC;
    display: inline-block;
}

.border-custom-yellow {
    border-color: #F5E94E;
}