< Back to Frontend Friday Folks Index

Junction

Highlighted solution (493 characters)
1 
<style>
2 
  & {
3 
    background:
4 
      radial-gradient(circle at 200px 110px, #FE5F55 20px, #0000 0),
5 
      radial-gradient(circle at 200px 190px, #FE5F55 20px, #0000 0),
6 
      radial-gradient(circle at 240px 150px, #A64942 20px, #0000 0),
7 
      radial-gradient(circle at 160px 150px, #A64942 20px, #0000 0),
8 
      linear-gradient(#FE5F55 230px, #0000 0) 50% -115px / 40px repeat-y,
9 
      linear-gradient(90deg,#A64942 330px, #0000 0) -165px 50% / 100% 40px repeat-x,
10 
      #191919;
11 
  }
12 
</style>
Ah, lovely gradients! One thing that I found lately is using & as a way to style the body.
< Back to Frontend Friday Folks Index