:root {
    --darkest: #292e49;
    --dark: #4e5f91;
    --medium: #5AD3E1;
    --medium-transparent: #5AD3E120;
    --light: #fff8d2;
    --lightest: #ffffff;
}

.description {
    background: var(--medium);
    color: var(--lightest);
    width: 380px;
    padding: 10px;
    background: linear-gradient(
        225deg,
        hsl(186deg 69% 62%) 0%,
    hsl(187deg 69% 61%) 12%,
    hsl(189deg 68% 59%) 18%,
    hsl(190deg 67% 58%) 22%,
    hsl(191deg 66% 57%) 26%,
    hsl(192deg 64% 56%) 29%,
    hsl(193deg 63% 55%) 33%,
    hsl(194deg 62% 55%) 36%,
    hsl(195deg 60% 54%) 39%,
    hsl(196deg 58% 53%) 42%,
    hsl(197deg 56% 53%) 44%,
    hsl(199deg 54% 52%) 47%,
    hsl(200deg 52% 51%) 50%,
    hsl(201deg 50% 51%) 53%,
    hsl(203deg 48% 50%) 56%,
    hsl(204deg 46% 50%) 58%,
    hsl(206deg 44% 49%) 61%,
    hsl(207deg 43% 49%) 64%,
    hsl(209deg 41% 48%) 67%,
    hsl(211deg 39% 47%) 71%,
    hsl(213deg 38% 47%) 74%,
    hsl(216deg 36% 46%) 78%,
    hsl(219deg 34% 45%) 82%,
    hsl(221deg 32% 45%) 88%,
    hsl(225deg 30% 44%) 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(51deg 100% 91%) 0%,
    hsl(51deg 100% 92%) 12%,
    hsl(51deg 100% 92%) 18%,
    hsl(51deg 100% 92%) 22%,
    hsl(51deg 100% 93%) 26%,
    hsl(51deg 100% 93%) 29%,
    hsl(51deg 100% 93%) 33%,
    hsl(51deg 100% 94%) 36%,
    hsl(51deg 100% 94%) 39%,
    hsl(51deg 100% 94%) 42%,
    hsl(51deg 100% 95%) 44%,
    hsl(51deg 100% 95%) 47%,
    hsl(51deg 100% 96%) 50%,
    hsl(51deg 100% 96%) 53%,
    hsl(51deg 100% 96%) 56%,
    hsl(51deg 100% 97%) 58%,
    hsl(51deg 100% 97%) 61%,
    hsl(51deg 100% 97%) 64%,
    hsl(51deg 100% 98%) 67%,
    hsl(51deg 100% 98%) 71%,
    hsl(51deg 100% 99%) 74%,
    hsl(51deg 100% 99%) 78%,
    hsl(51deg 100% 99%) 82%,
    hsl(51deg 100% 100%) 88%,
    hsl(0deg 0% 100%) 100%
  );
}