index.css

@import url(styles/index.css);

/*
  FOR METERS WITH VERTICAL TEXT
  - https://24ways.org/2016/css-writing-modes
  - https://css-tricks.com/almanac/properties/t/text-orientation
  - https://fordinteractive.com/articles/2022/02/things-go-sideways-writing-mode-vertical-text
  - https://stackoverflow.com/q/40205702/how-to-write-vertical-text-from-bottom-to-top-without-using-transform-rotate

  - 3D text - aniuse.com/webkit-user-drag
  - Filters - https://css-tricks.com/almanac/properties/f/filter
  - Maskking vs. Clipping - https://css-tricks.com/masking-vs-clipping-use
*/
:root{}

body > header {
  background: top left url(pictures/mixer.webp);
  background-size: contain;
  border-image: fill 1 linear-gradient( rgba(255,0,0,0.3), rgba(0,0,255,0.3) );
}