:root {
    --darkest: #2d234d;
    --dark: #7b4b88;
    --medium: #9A7DD8;
    --medium-transparent: #9A7DD820;
    --light: #D1F5FD;
    --lightest: #ffffff;
}

.description {
    background: var(--medium);
    color: var(--lightest);
    width: 380px;
    padding: 10px;
    background: linear-gradient(
        225deg,
        hsl(259deg 54% 67%) 0%,
    hsl(260deg 51% 66%) 12%,
    hsl(261deg 49% 65%) 18%,
    hsl(263deg 47% 63%) 22%,
    hsl(264deg 45% 62%) 26%,
    hsl(265deg 43% 61%) 29%,
    hsl(266deg 41% 60%) 33%,
    hsl(267deg 39% 59%) 36%,
    hsl(268deg 38% 58%) 39%,
    hsl(270deg 36% 57%) 42%,
    hsl(271deg 35% 56%) 44%,
    hsl(272deg 33% 55%) 47%,
    hsl(273deg 32% 54%) 50%,
    hsl(274deg 31% 53%) 53%,
    hsl(275deg 30% 52%) 56%,
    hsl(277deg 29% 51%) 58%,
    hsl(278deg 28% 49%) 61%,
    hsl(279deg 28% 48%) 64%,
    hsl(280deg 28% 47%) 67%,
    hsl(281deg 28% 46%) 71%,
    hsl(282deg 28% 45%) 74%,
    hsl(284deg 29% 44%) 78%,
    hsl(285deg 29% 43%) 82%,
    hsl(286deg 29% 42%) 88%,
    hsl(287deg 29% 41%) 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(191deg 92% 91%) 0%,
    hsl(191deg 92% 91%) 12%,
    hsl(191deg 92% 91%) 18%,
    hsl(191deg 92% 92%) 22%,
    hsl(191deg 92% 92%) 26%,
    hsl(191deg 92% 93%) 29%,
    hsl(191deg 92% 93%) 33%,
    hsl(191deg 92% 93%) 36%,
    hsl(191deg 92% 94%) 39%,
    hsl(191deg 92% 94%) 42%,
    hsl(191deg 92% 95%) 44%,
    hsl(191deg 92% 95%) 47%,
    hsl(191deg 92% 95%) 50%,
    hsl(191deg 92% 96%) 53%,
    hsl(191deg 92% 96%) 56%,
    hsl(191deg 92% 97%) 58%,
    hsl(191deg 92% 97%) 61%,
    hsl(191deg 92% 97%) 64%,
    hsl(191deg 92% 98%) 67%,
    hsl(191deg 92% 98%) 71%,
    hsl(191deg 92% 98%) 74%,
    hsl(191deg 92% 99%) 78%,
    hsl(191deg 92% 99%) 82%,
    hsl(191deg 92% 100%) 88%,
    hsl(0deg 0% 100%) 100%
  );
}