Assignment

Create an HTML document and an SCSS stylesheet to display the text Sass is wonderful! such that:

  1. each letter must have a random background color,
  2. each letter must be rotated by a random integer number of degrees between -15 and 15.

Provide a solution that uses random RGB colors (see the rgb() functional notation).

Provide an alternative solution that picks random colors from a list of predefined vivid colors.

You must use the math.random($limit) function for generating random numbers.

If the colors are picked from a predefined list you must also use the sass:list module.

The style rules rotating the letters and setting their background color must be generated in a @for loop.

The text must be centered in the browser viewport, both horizontally and vertically.