:root {
    --darkest: #48293c;
    --dark: #7e4170;
    --medium: #ff7d93;
    --medium-transparent: #ff7d9320;
    --light: #c3f5e3;
    --lightest: #ffffff;
}

.description {
    background: var(--medium);
    color: var(--lightest);
    width: 380px;
    padding: 10px;
    background: linear-gradient(
        225deg,
        hsl(350deg 100% 75%) 0%,
    hsl(349deg 93% 73%) 12%,
    hsl(347deg 86% 71%) 18%,
    hsl(346deg 80% 70%) 22%,
    hsl(345deg 74% 68%) 26%,
    hsl(343deg 69% 67%) 29%,
    hsl(342deg 65% 65%) 33%,
    hsl(341deg 61% 63%) 36%,
    hsl(340deg 57% 62%) 39%,
    hsl(338deg 53% 60%) 42%,
    hsl(337deg 50% 59%) 44%,
    hsl(336deg 47% 57%) 47%,
    hsl(334deg 44% 56%) 50%,
    hsl(333deg 41% 54%) 53%,
    hsl(331deg 38% 52%) 56%,
    hsl(330deg 36% 51%) 58%,
    hsl(328deg 34% 49%) 61%,
    hsl(327deg 34% 48%) 64%,
    hsl(325deg 34% 46%) 67%,
    hsl(324deg 34% 45%) 71%,
    hsl(322deg 33% 43%) 74%,
    hsl(320deg 33% 42%) 78%,
    hsl(318deg 33% 40%) 82%,
    hsl(316deg 32% 39%) 88%,
    hsl(314deg 32% 37%) 100%
  );
      border-radius: 15px;
      height: fit-content;

}

.container {
    background: repeating-linear-gradient( -45deg, var(--medium-transparent), var(--medium-transparent) 1px, #e5e5f700 1px, #e5e5f700 5px), linear-gradient(
        135deg,
        hsl(158deg 71% 86%) 0%,
    hsl(158deg 71% 87%) 12%,
    hsl(158deg 72% 87%) 18%,
    hsl(158deg 72% 88%) 22%,
    hsl(158deg 72% 89%) 26%,
    hsl(158deg 72% 89%) 29%,
    hsl(158deg 72% 90%) 33%,
    hsl(158deg 72% 90%) 36%,
    hsl(158deg 72% 91%) 39%,
    hsl(158deg 72% 92%) 42%,
    hsl(158deg 72% 92%) 44%,
    hsl(157deg 72% 93%) 47%,
    hsl(157deg 72% 93%) 50%,
    hsl(157deg 72% 94%) 53%,
    hsl(157deg 72% 94%) 56%,
    hsl(157deg 72% 95%) 58%,
    hsl(157deg 72% 96%) 61%,
    hsl(157deg 72% 96%) 64%,
    hsl(157deg 72% 97%) 67%,
    hsl(157deg 72% 97%) 71%,
    hsl(157deg 72% 98%) 74%,
    hsl(157deg 73% 98%) 78%,
    hsl(157deg 73% 99%) 82%,
    hsl(157deg 73% 99%) 88%,
    hsl(0deg 0% 100%) 100%
  );
}