:root {
    --darkest: #302138;
    --dark: #662e97;
    --medium: #b766da;
    --medium-transparent: #b766da20;
    --light: #FEF5D3;
    --lightest: #ffffff;
}

.description {
    background: var(--medium);
    color: var(--lightest);
    width: 380px;
    padding: 10px;
    background: linear-gradient(
        225deg,
        hsl(282deg 61% 63%) 0%,
    hsl(282deg 59% 62%) 12%,
    hsl(281deg 57% 61%) 18%,
    hsl(281deg 56% 60%) 22%,
    hsl(280deg 54% 59%) 26%,
    hsl(280deg 53% 58%) 29%,
    hsl(280deg 51% 57%) 33%,
    hsl(279deg 50% 56%) 36%,
    hsl(279deg 49% 55%) 39%,
    hsl(278deg 47% 54%) 42%,
    hsl(278deg 46% 53%) 44%,
    hsl(277deg 45% 52%) 47%,
    hsl(277deg 44% 51%) 50%,
    hsl(277deg 44% 50%) 53%,
    hsl(276deg 44% 49%) 56%,
    hsl(276deg 45% 48%) 58%,
    hsl(275deg 46% 47%) 61%,
    hsl(275deg 47% 46%) 64%,
    hsl(275deg 48% 45%) 67%,
    hsl(274deg 48% 44%) 71%,
    hsl(274deg 49% 43%) 74%,
    hsl(273deg 50% 42%) 78%,
    hsl(273deg 51% 41%) 82%,
    hsl(272deg 52% 40%) 88%,
    hsl(272deg 53% 39%) 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(47deg 96% 91%) 0%,
    hsl(47deg 96% 92%) 12%,
    hsl(47deg 96% 92%) 18%,
    hsl(47deg 96% 92%) 22%,
    hsl(47deg 97% 93%) 26%,
    hsl(47deg 97% 93%) 29%,
    hsl(47deg 97% 93%) 33%,
    hsl(47deg 98% 94%) 36%,
    hsl(47deg 98% 94%) 39%,
    hsl(47deg 98% 95%) 42%,
    hsl(47deg 98% 95%) 44%,
    hsl(47deg 99% 95%) 47%,
    hsl(47deg 99% 96%) 50%,
    hsl(46deg 99% 96%) 53%,
    hsl(46deg 100% 96%) 56%,
    hsl(46deg 100% 97%) 58%,
    hsl(46deg 100% 97%) 61%,
    hsl(46deg 100% 97%) 64%,
    hsl(46deg 100% 98%) 67%,
    hsl(46deg 100% 98%) 71%,
    hsl(46deg 100% 99%) 74%,
    hsl(46deg 100% 99%) 78%,
    hsl(46deg 100% 99%) 82%,
    hsl(46deg 100% 100%) 88%,
    hsl(0deg 0% 100%) 100%
  );
}