.glass {
    /* From https://css.glass */
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.parallelogram {
    height: 5px;
    transform: skew(-25deg);
    background: rgb(234 179 8);
}

.big-parallelogram {
    background: rgb(234 179 8);
}

@media (min-width: 768px) {
    .big-parallelogram {
        clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0 100%);
        background: rgb(234 179 8);
    }
}

.about-card-bg {
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%);
    background: rgb(234 179 8);
}

.about-card-bg-reverse {
    clip-path: polygon(0 0, 80% 0, 80% 100%, 0% 100%);
    background: rgb(234 179 8);
}