:root {
    --darkest: #260f36;
    --dark: #513f84;
    --medium: #a885e8;
    --medium-transparent: #a885e820;
    --light: #a4e3f1;
    --lightest: #ffffff;
}

.description {
    background: var(--medium);
    color: var(--lightest);
    width: 380px;
    padding: 10px;
    background: linear-gradient(
        225deg,
        hsl(261deg 68% 72%) 0%,
    hsl(261deg 64% 70%) 12%,
    hsl(261deg 60% 69%) 18%,
    hsl(261deg 57% 67%) 22%,
    hsl(260deg 54% 66%) 26%,
    hsl(260deg 51% 64%) 29%,
    hsl(260deg 48% 63%) 33%,
    hsl(260deg 46% 62%) 36%,
    hsl(260deg 44% 60%) 39%,
    hsl(259deg 42% 59%) 42%,
    hsl(259deg 40% 57%) 44%,
    hsl(259deg 38% 56%) 47%,
    hsl(259deg 36% 54%) 50%,
    hsl(258deg 35% 53%) 53%,
    hsl(258deg 33% 52%) 56%,
    hsl(258deg 32% 50%) 58%,
    hsl(258deg 32% 49%) 61%,
    hsl(257deg 32% 48%) 64%,
    hsl(257deg 32% 46%) 67%,
    hsl(257deg 33% 45%) 71%,
    hsl(257deg 33% 44%) 74%,
    hsl(256deg 34% 42%) 78%,
    hsl(256deg 34% 41%) 82%,
    hsl(256deg 35% 40%) 88%,
    hsl(256deg 35% 38%) 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 73% 79%) 0%,
    hsl(191deg 73% 80%) 12%,
    hsl(191deg 73% 81%) 18%,
    hsl(191deg 73% 82%) 22%,
    hsl(191deg 73% 83%) 26%,
    hsl(191deg 73% 84%) 29%,
    hsl(191deg 73% 85%) 33%,
    hsl(191deg 73% 86%) 36%,
    hsl(191deg 73% 87%) 39%,
    hsl(191deg 73% 88%) 42%,
    hsl(191deg 73% 88%) 44%,
    hsl(191deg 72% 89%) 47%,
    hsl(191deg 72% 90%) 50%,
    hsl(191deg 72% 91%) 53%,
    hsl(191deg 72% 92%) 56%,
    hsl(191deg 72% 93%) 58%,
    hsl(191deg 72% 93%) 61%,
    hsl(191deg 72% 94%) 64%,
    hsl(191deg 72% 95%) 67%,
    hsl(191deg 72% 96%) 71%,
    hsl(191deg 72% 97%) 74%,
    hsl(192deg 72% 98%) 78%,
    hsl(192deg 72% 98%) 82%,
    hsl(192deg 72% 99%) 88%,
    hsl(0deg 0% 100%) 100%
  );
}