body {
    text-align: center;
}

h1 {
    margin: 5vh auto 10vh auto;
    font-size: 3em;
}

.card {
    background-color: #ffffff09;
}

.card.pop-green h3 {
    color: var(--green);
}

.card.pop-blue h3 {
    color: var(--blue);
}

.card.pop-yellow h3 {
    color: var(--yellow);
}

.texture {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100rem;
}

.gradient__left1 {
    width: 75vh;
    height: 22vh;
    left: -18vh;
    top: -20vh;
    -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
            transform: rotate(150deg);
}