@use postcss-preset-env {
  stage: 0;
}

body {
  background: linear-gradient(90deg, #C7A0D5, #9260B7); /* Top Left, Right - Biege, Orange */
  min-height: 100vh;
  
  &:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
    right: 0;
		mask-image: linear-gradient(to bottom, transparent, black);
		background: linear-gradient(90deg, #9260B7, #774BAC  }
); /* Bottom Left, Right - Pink, Purple */
  }
}
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.