.gradient-bg {
    background: linear-gradient(45deg, var(--deep-green) 0%, var(--faded-blue) 50%, var(--deep-blue) 100%);
}

.panel-points ul {
    list-style-type: disc;
    padding: 0;
    margin: 10px;
}

.ppContainer {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr 2fr 2fr;
    grid-template-rows: 0.5fr 1fr 1fr;
    gap: 8px 0px;
    grid-template-areas: "cookie duration description description" "cookie1 duration1 desc1 desc1" "cookie2 duration2 desc2 desc2";
}

.cookie {
    grid-area: cookie;
}

.duration {
    grid-area: duration;
}

.description {
    grid-area: description;
}

.cookie1 {
    grid-area: cookie1;
}
.cookie2 {
    grid-area: cookie2;
}

.duration {
    grid-area: duration;
}

.description {
    grid-area: description;
}

.cookie1 {
    grid-area: cookie1;
}
.cookie2 {
    grid-area: cookie2;
}
.duration1 {
    grid-area: duration1;
}
.duration2 {
    grid-area: duration2;
}

.desc1 {
    grid-area: desc1;
}
.desc2 {
    grid-area: desc2;
}