CSS3 Shadows Are Crazy Awesome

tengbao   •   Posted on   •   In ,   •  

When I first learned about shadows in CSS3, I was like “Oh, cool.” I kind of shrugged it off, since it didn’t feel particularly world-changing. But as I built more and more websites, I’ve found that shadows are awesomely flexible, especially for a handful of particularly beautiful, subtle effects.

A Naive Example

<style>
  div { 
    background: orange; 
    box-shadow: 5px 10px 7px rgba(0,50,100,0.65); 
  }
</style>
<div> Hello World </div>
Hello World

That’s a great example of how not to use shadows — it’s loud, obnoxious, and just ugly. It reminds us of the late 90s when we just discovered shadows in Photoshop or MS Word and we just threw them on everything.

If you’re not familiar with the basics of CSS3 shadows, here’s a rundown: In this example, 5px is the x-offset, 10px is the y-offset, and 7px is the blur radius. rgba(0,50,150,0.5) is the shadow color, which is a semi-transparent navy color.

Basic text shadow. Keep it subtle.

Here’s the basic text shadow. Especially useful for making text more readable on a lighter background. A few points to note here:

  • An x-offset of 0, so it looks like the light source is coming from directly above (from the top of the page).
  • Use a reasonable alpha and blur. Here we’re at 30% black with a 3px blur radius. It’s dark enough to make the text stand out a lot more, but not too dark so as to overwhelm the content. It’s just enough to help the eye focus on the text. For a softer effect, you can go with 10px blur.
  • A 1px y-offset looks quite nice here. It looks like the text is still close to the page, not raised too far. The viewer isn’t immediately reminded of 90’s style Photoshop shadows (see above). 2px or 3px might still be OK, but beyond that it might look too gaudy.
<style>
  div {
    background: url('http://uploads.strikinglycdn.com/static/backgrounds/nature/192.jpg');
    color: white;
    text-align: center;
  }
  h1.shadow {
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
  }
</style>
<div> 
  <h2> No Shadow </h2>
  <h2 class="shadow"> Subtle Shadow </h2>
</div>

No Shadow


Subtle Shadow

Bubble Text

You can use multiple text shadows to create a text outline. This is especially handy for text that’s playful and childish. Pair it well with a cutesy font like Vanilla.

<style>
  div {
    text-align: center;
    background: #fc7;
    padding: 30px;
  }
  h2 {
    font-family: vanilla, sans-serif;
    color: #386;
    text-shadow: 0 5px #fff, 0 -5px #fff, 5px 0 #fff, -5px 0 #fff, 
      3px 3px #fff, -3px 3px #fff, 3px -3px #fff, -3px -3px #fff,
      5px 10px #b95, 5px 0px #b95, 10px 5px #b95, 0px 5px #b95, 
      8px 8px #b95, 2px 8px #b95, 8px 2px #b95, 2px 2px #b95;
  }
</style>
<div> 
  <h2> Have a bubbly day! </h2>
</div>

Have a bubbly day!

Button with Depth

We can combine a bunch of different shadows to make a really touchable button. Note that the text has a subtle top dark shadow to create an inset effect.

<style>
  a.button {
    position: relative; top:0;
    background: #9c4;
    font-size: 20px;
    cursor: pointer;
    color: white; font-weight: bold;
    padding: 15px 30px;
    border-radius: 6px;
    border: 1px solid #692;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.2), 0 5px #692, 0 2px 5px rgba(0,0,0,0.25);
    text-shadow: 0 -1px rgba(0,0,0,.25);
    transition: all 0.1s ease-out;
  }
  a.button:hover {
    top: -2px;
    background: #ad5;
    border-color: #7a3;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.2), 0 7px #7a3, 0 2px 5px rgba(0,0,0,0.35);
  }
  a.button:active {
    top: 2px;
    background: #9c4;
    border-color: #692; border-bottom-color: #572;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.32), 0 3px #572, 0 2px 5px rgba(0,0,0,0.65);
  }
  a:before {
    content: " ";
    position: absolute; top: 0px; left: 1px; right: 1px; height: 10px; border-radius: 5px;
    border: 1px solid transparent; border-top-color: rgba(255,255,255,0.45);
  }
</style>
<a class="button"> Launch Rocket </a>
Launch Rocket

More Crazy Examples

Animated shadows »

See the Pen [webkit] Animated "text-shadow" pattern by carpe numidium (@carpenumidium) on CodePen.

Flip counter »

See the Pen seconds counter by Martin Grand (@martingrand) on CodePen.

Soft-press buttons »

See the Pen Squishy Toggle Buttons by Justin Windle (@soulwire) on CodePen.

Rainbow circle »

See the Pen Rainbow Circle by Teng (@tengbao) on CodePen.

With ShadowPainter… anything is possible!

You might have noticed that you can add multiple box shadows in a comma-separated list. Well, there’s no limit on how many you can add. So we can paint anything we want, pixel-by-pixel, with each pixel being a separate box shadow. Here’s an image generated using just that method! (Don’t actually do this… it’s horrible for performance.)

.pixels{
  border-radius: 0;
  display: inline-block;
  width: 1px;
  height: 1px;
  box-shadow: 0px 0px rgba(0,0,0,0),0px 1px rgba(0,0,0,0),0px 2px rgba(0,0,0,0),0px 3px rgba(0,0,0,0),0px 4px rgba(80,73,102,0.31),0px 5px rgba(87,80,109,0.92),0px 6px rgba(82,75,103,1),0px 7px rgba(82,75,103,1),0px 8px rgba(82,75,103,1),0px 9px rgba(82,75,103,1),0px 10px rgba(82,75,103,1),0px 11px rgba(82,75,103,1),0px 12px rgba(82,75,103,1),0px 13px rgba(82,75,103,1),0px 14px rgba(82,75,103,1),0px 15px rgba(82,75,103,1),0px 16px rgba(82,75,103,1),0px 17px rgba(82,75,103,1),0px 18px rgba(82,75,103,1),0px 19px rgba(82,75,103,1),0px 20px rgba(82,75,103,1),0px 21px rgba(82,75,103,1),0px 22px rgba(82,75,103,1),0px 23px rgba(82,75,103,1),0px 24px rgba(82,75,103,1),0px 25px rgba(82,75,103,1),0px 26px rgba(82,75,103,1),0px 27px rgba(82,75,103,1),0px 28px rgba(82,75,103,1),0px 29px rgba(82,75,103,1),0px 30px rgba(95,87,118,0.99),0px 31px rgba(134,123,164,0.57),0px 32px rgba(0,0,0,0),0px 33px rgba(0,0,0,0),0px 34px rgba(0,0,0,0),0px 35px rgba(0,0,0,0),1px 0px rgba(0,0,0,0),1px 1px rgba(0,0,0,0),1px 2px rgba(0,0,0,0),1px 3px rgba(81,74,103,0.31),1px 4px rgba(82,75,103,0.99),1px 5px rgba(175,163,204,1),1px 6px rgba(221,208,251,1),1px 7px rgba(223,210,253,1),1px 8px rgba(223,210,253,1),1px 9px rgba(223,210,253,1),1px 10px rgba(223,210,253,1),1px 11px rgba(223,210,253,1),1px 12px rgba(223,210,253,1),1px 13px rgba(223,210,253,1),1px 14px rgba(223,210,253,1),1px 15px rgba(223,210,253,1),1px 16px rgba(223,210,253,1),1px 17px rgba(223,210,253,1),1px 18px rgba(223,210,253,1),1px 19px rgba(223,210,253,1),1px 20px rgba(223,210,253,1),1px 21px rgba(223,210,253,1),1px 22px rgba(223,210,253,1),1px 23px rgba(223,210,253,1),1px 24px rgba(223,210,253,1),1px 25px rgba(223,210,253,1),1px 26px rgba(223,210,253,1),1px 27px rgba(223,210,253,1),1px 28px rgba(223,210,253,1),1px 29px rgba(221,207,251,1),1px 30px rgba(175,163,204,1),1px 31px rgba(85,77,106,1),1px 32px rgba(129,118,158,0.53),1px 33px rgba(0,0,0,0),1px 34px rgba(0,0,0,0),1px 35px rgba(0,0,0,0),2px 0px rgba(0,0,0,0),2px 1px rgba(0,0,0,0),2px 2px rgba(0,0,0,0),2px 3px rgba(82,74,102,0.87),2px 4px rgba(183,171,212,0.98),2px 5px rgba(223,210,253,1),2px 6px rgba(223,210,253,1),2px 7px rgba(223,210,253,1),2px 8px rgba(223,210,253,1),2px 9px rgba(223,210,253,1),2px 10px rgba(223,210,253,1),2px 11px rgba(223,210,253,1),2px 12px rgba(223,210,253,1),2px 13px rgba(223,210,253,1),2px 14px rgba(223,210,253,1),2px 15px rgba(223,210,253,1),2px 16px rgba(223,210,253,1),2px 17px rgba(223,210,253,1),2px 18px rgba(223,210,253,1),2px 19px rgba(223,210,253,1),2px 20px rgba(223,210,253,1),2px 21px rgba(223,210,253,1),2px 22px rgba(223,210,253,1),2px 23px rgba(223,210,253,1),2px 24px rgba(223,210,253,1),2px 25px rgba(223,210,253,1),2px 26px rgba(223,210,253,1),2px 27px rgba(223,210,253,1),2px 28px rgba(223,210,253,1),2px 29px rgba(223,210,253,1),2px 30px rgba(223,210,253,1),2px 31px rgba(180,168,209,1),2px 32px rgba(95,86,118,0.98),2px 33px rgba(0,0,0,0),2px 34px rgba(0,0,0,0),2px 35px rgba(0,0,0,0),3px 0px rgba(0,0,0,0),3px 1px rgba(0,0,0,0),3px 2px rgba(0,0,0,0),3px 3px rgba(81,74,102,1),3px 4px rgba(223,210,253,1),3px 5px rgba(223,210,253,1),3px 6px rgba(223,210,253,1),3px 7px rgba(223,210,253,1),3px 8px rgba(223,210,253,1),3px 9px rgba(223,210,253,1),3px 10px rgba(223,210,253,1),3px 11px rgba(223,210,253,1),3px 12px rgba(223,210,253,1),3px 13px rgba(223,210,253,1),3px 14px rgba(223,210,253,1),3px 15px rgba(223,210,253,1),3px 16px rgba(223,210,253,1),3px 17px rgba(223,210,253,1),3px 18px rgba(223,210,253,1),3px 19px rgba(223,210,253,1),3px 20px rgba(223,210,253,1),3px 21px rgba(223,210,253,1),3px 22px rgba(223,210,253,1),3px 23px rgba(223,210,253,1),3px 24px rgba(223,210,253,1),3px 25px rgba(223,210,253,1),3px 26px rgba(223,210,253,1),3px 27px rgba(223,210,253,1),3px 28px rgba(223,210,253,1),3px 29px rgba(223,210,253,1),3px 30px rgba(223,210,253,1),3px 31px rgba(223,210,253,1),3px 32px rgba(82,75,104,1),3px 33px rgba(0,0,0,0),3px 34px rgba(0,0,0,0),3px 35px rgba(0,0,0,0),4px 0px rgba(0,0,0,0),4px 1px rgba(0,0,0,0),4px 2px rgba(0,0,0,0),4px 3px rgba(81,74,102,1),4px 4px rgba(223,210,253,1),4px 5px rgba(223,210,253,1),4px 6px rgba(223,210,253,1),4px 7px rgba(223,210,253,1),4px 8px rgba(221,208,251,1),4px 9px rgba(163,152,189,1),4px 10px rgba(223,210,253,1),4px 11px rgba(223,210,253,1),4px 12px rgba(223,210,253,1),4px 13px rgba(223,210,253,1),4px 14px rgba(223,210,253,1),4px 15px rgba(223,210,253,1),4px 16px rgba(223,210,253,1),4px 17px rgba(223,210,253,1),4px 18px rgba(223,210,253,1),4px 19px rgba(205,192,233,1),4px 20px rgba(122,113,146,1),4px 21px rgba(86,79,107,1),4px 22px rgba(81,74,102,1),4px 23px rgba(81,74,102,1),4px 24px rgba(81,74,102,1),4px 25px rgba(81,74,102,1),4px 26px rgba(87,77,104,1),4px 27px rgba(110,90,112,1),4px 28px rgba(94,86,116,1),4px 29px rgba(172,161,199,1),4px 30px rgba(223,210,253,1),4px 31px rgba(223,210,253,1),4px 32px rgba(82,75,103,1),4px 33px rgba(82,75,103,1),4px 34px rgba(82,75,103,1),4px 35px rgba(130,120,154,0.75),5px 0px rgba(0,0,0,0),5px 1px rgba(0,0,0,0),5px 2px rgba(0,0,0,0),5px 3px rgba(81,74,102,1),5px 4px rgba(223,210,253,1),5px 5px rgba(223,210,253,1),5px 6px rgba(223,210,253,1),5px 7px rgba(223,210,253,1),5px 8px rgba(157,147,183,1),5px 9px rgba(98,90,120,1),5px 10px rgba(223,210,253,1),5px 11px rgba(223,210,253,1),5px 12px rgba(223,210,253,1),5px 13px rgba(223,210,253,1),5px 14px rgba(223,210,253,1),5px 15px rgba(223,210,253,1),5px 16px rgba(223,210,253,1),5px 17px rgba(223,210,253,1),5px 18px rgba(136,127,161,1),5px 19px rgba(81,74,102,1),5px 20px rgba(81,74,102,1),5px 21px rgba(81,74,102,1),5px 22px rgba(81,74,102,1),5px 23px rgba(81,74,102,1),5px 24px rgba(81,74,102,1),5px 25px rgba(105,87,110,1),5px 26px rgba(203,139,143,1),5px 27px rgba(185,116,118,1),5px 28px rgba(198,133,137,1),5px 29px rgba(108,89,113,1),5px 30px rgba(206,190,229,1),5px 31px rgba(223,210,253,1),5px 32px rgba(223,210,253,1),5px 33px rgba(223,210,253,1),5px 34px rgba(159,149,185,1),5px 35px rgba(82,75,103,1),6px 0px rgba(0,0,0,0),6px 1px rgba(0,0,0,0),6px 2px rgba(0,0,0,0),6px 3px rgba(81,74,102,1),6px 4px rgba(223,210,253,1),6px 5px rgba(223,210,253,1),6px 6px rgba(223,210,253,1),6px 7px rgba(223,210,253,1),6px 8px rgba(106,97,128,1),6px 9px rgba(165,154,191,1),6px 10px rgba(223,210,253,1),6px 11px rgba(223,210,253,1),6px 12px rgba(223,210,253,1),6px 13px rgba(223,210,253,1),6px 14px rgba(223,210,253,1),6px 15px rgba(223,210,253,1),6px 16px rgba(223,210,253,1),6px 17px rgba(118,109,141,1),6px 18px rgba(81,74,102,1),6px 19px rgba(81,74,102,1),6px 20px rgba(81,74,102,1),6px 21px rgba(81,74,102,1),6px 22px rgba(81,74,102,1),6px 23px rgba(81,74,102,1),6px 24px rgba(89,78,105,1),6px 25px rgba(203,139,143,1),6px 26px rgba(211,143,146,1),6px 27px rgba(177,109,111,1),6px 28px rgba(151,81,83,1),6px 29px rgba(147,77,79,1),6px 30px rgba(150,81,84,1),6px 31px rgba(163,101,108,1),6px 32px rgba(209,185,220,1),6px 33px rgba(220,207,250,1),6px 34px rgba(144,134,169,1),6px 35px rgba(81,74,102,1),7px 0px rgba(0,0,0,0),7px 1px rgba(0,0,0,0),7px 2px rgba(0,0,0,0),7px 3px rgba(81,74,102,1),7px 4px rgba(223,210,253,1),7px 5px rgba(223,210,253,1),7px 6px rgba(223,210,253,1),7px 7px rgba(223,210,253,1),7px 8px rgba(94,86,116,1),7px 9px rgba(211,198,240,1),7px 10px rgba(223,210,253,1),7px 11px rgba(223,210,253,1),7px 12px rgba(223,210,253,1),7px 13px rgba(223,210,253,1),7px 14px rgba(223,210,253,1),7px 15px rgba(223,210,253,1),7px 16px rgba(141,132,166,1),7px 17px rgba(81,74,102,1),7px 18px rgba(81,74,102,1),7px 19px rgba(81,74,102,1),7px 20px rgba(81,74,102,1),7px 21px rgba(81,74,102,1),7px 22px rgba(81,74,102,1),7px 23px rgba(81,74,102,1),7px 24px rgba(146,109,124,1),7px 25px rgba(211,143,146,1),7px 26px rgba(211,143,146,1),7px 27px rgba(211,143,146,1),7px 28px rgba(211,143,146,1),7px 29px rgba(211,143,146,1),7px 30px rgba(210,142,145,1),7px 31px rgba(190,121,124,1),7px 32px rgba(157,93,97,1),7px 33px rgba(94,75,98,1),7px 34px rgba(82,75,103,1),7px 35px rgba(130,120,154,0.75),8px 0px rgba(0,0,0,0),8px 1px rgba(0,0,0,0),8px 2px rgba(0,0,0,0),8px 3px rgba(81,74,102,1),8px 4px rgba(223,210,253,1),8px 5px rgba(223,210,253,1),8px 6px rgba(223,210,253,1),8px 7px rgba(223,210,253,1),8px 8px rgba(92,85,114,1),8px 9px rgba(215,203,245,1),8px 10px rgba(223,210,253,1),8px 11px rgba(223,210,253,1),8px 12px rgba(223,210,253,1),8px 13px rgba(223,210,253,1),8px 14px rgba(223,210,253,1),8px 15px rgba(207,195,236,1),8px 16px rgba(83,76,104,1),8px 17px rgba(81,74,102,1),8px 18px rgba(81,74,102,1),8px 19px rgba(81,74,102,1),8px 20px rgba(81,74,102,1),8px 21px rgba(81,74,102,1),8px 22px rgba(81,74,102,1),8px 23px rgba(81,74,102,1),8px 24px rgba(203,139,143,1),8px 25px rgba(211,143,146,1),8px 26px rgba(211,143,146,1),8px 27px rgba(211,143,146,1),8px 28px rgba(211,143,146,1),8px 29px rgba(211,143,146,1),8px 30px rgba(211,143,146,1),8px 31px rgba(211,143,146,1),8px 32px rgba(186,117,119,1),8px 33px rgba(159,88,91,0.77),8px 34px rgba(0,0,0,0),8px 35px rgba(0,0,0,0),9px 0px rgba(0,0,0,0),9px 1px rgba(0,0,0,0),9px 2px rgba(0,0,0,0),9px 3px rgba(86,79,107,1),9px 4px rgba(154,144,180,1),9px 5px rgba(223,210,253,1),9px 6px rgba(223,210,253,1),9px 7px rgba(223,210,253,1),9px 8px rgba(101,93,123,1),9px 9px rgba(175,164,201,1),9px 10px rgba(223,210,253,1),9px 11px rgba(223,210,253,1),9px 12px rgba(223,210,253,1),9px 13px rgba(223,210,253,1),9px 14px rgba(223,210,253,1),9px 15px rgba(138,128,162,1),9px 16px rgba(81,74,102,1),9px 17px rgba(81,74,102,1),9px 18px rgba(81,74,102,1),9px 19px rgba(81,74,102,1),9px 20px rgba(81,74,102,1),9px 21px rgba(81,74,102,1),9px 22px rgba(81,74,102,1),9px 23px rgba(114,91,113,1),9px 24px rgba(211,143,146,1),9px 25px rgba(211,143,146,1),9px 26px rgba(211,143,146,1),9px 27px rgba(211,143,146,1),9px 28px rgba(211,143,146,1),9px 29px rgba(211,143,146,1),9px 30px rgba(211,143,146,1),9px 31px rgba(211,143,146,1),9px 32px rgba(206,138,141,1),9px 33px rgba(154,90,94,1),9px 34px rgba(88,75,101,1),9px 35px rgba(130,120,154,0.75),10px 0px rgba(0,0,0,0),10px 1px rgba(80,73,102,0.14),10px 2px rgba(89,81,110,0.9),10px 3px rgba(97,89,119,1),10px 4px rgba(168,157,194,1),10px 5px rgba(223,210,253,1),10px 6px rgba(223,210,253,1),10px 7px rgba(223,210,253,1),10px 8px rgba(140,131,165,1),10px 9px rgba(109,101,132,1),10px 10px rgba(223,210,253,1),10px 11px rgba(223,210,253,1),10px 12px rgba(223,210,253,1),10px 13px rgba(223,210,253,1),10px 14px rgba(223,210,253,1),10px 15px rgba(93,85,114,1),10px 16px rgba(81,74,102,1),10px 17px rgba(81,74,102,1),10px 18px rgba(81,74,102,1),10px 19px rgba(81,74,102,1),10px 20px rgba(81,74,102,1),10px 21px rgba(81,74,102,1),10px 22px rgba(81,74,102,1),10px 23px rgba(138,104,121,1),10px 24px rgba(211,143,146,1),10px 25px rgba(211,143,146,1),10px 26px rgba(211,143,146,1),10px 27px rgba(211,143,146,1),10px 28px rgba(211,143,146,1),10px 29px rgba(211,143,146,1),10px 30px rgba(211,143,146,1),10px 31px rgba(211,143,146,1),10px 32px rgba(211,143,146,1),10px 33px rgba(174,104,107,1),10px 34px rgba(156,128,155,1),10px 35px rgba(82,75,103,1),11px 0px rgba(0,0,0,0),11px 1px rgba(86,79,107,0.87),11px 2px rgba(107,99,130,1),11px 3px rgba(210,197,239,1),11px 4px rgba(223,210,253,1),11px 5px rgba(223,210,253,1),11px 6px rgba(223,210,253,1),11px 7px rgba(223,210,253,1),11px 8px rgba(217,204,246,1),11px 9px rgba(132,123,156,1),11px 10px rgba(223,210,253,1),11px 11px rgba(223,210,253,1),11px 12px rgba(223,210,253,1),11px 13px rgba(100,93,123,1),11px 14px rgba(220,207,250,1),11px 15px rgba(83,76,104,1),11px 16px rgba(81,74,102,1),11px 17px rgba(81,74,102,1),11px 18px rgba(81,74,102,1),11px 19px rgba(81,74,102,1),11px 20px rgba(81,74,102,1),11px 21px rgba(81,74,102,1),11px 22px rgba(81,74,102,1),11px 23px rgba(146,109,124,1),11px 24px rgba(211,143,146,1),11px 25px rgba(211,143,146,1),11px 26px rgba(192,124,126,1),11px 27px rgba(176,107,109,1),11px 28px rgba(167,98,100,1),11px 29px rgba(190,122,124,1),11px 30px rgba(206,138,141,1),11px 31px rgba(211,143,146,1),11px 32px rgba(211,143,146,1),11px 33px rgba(180,111,114,1),11px 34px rgba(145,113,137,1),11px 35px rgba(81,74,102,1),12px 0px rgba(82,73,103,0.34),12px 1px rgba(84,77,106,0.99),12px 2px rgba(86,79,107,1),12px 3px rgba(117,109,140,1),12px 4px rgba(215,202,243,1),12px 5px rgba(223,210,253,1),12px 6px rgba(223,210,253,1),12px 7px rgba(223,210,253,1),12px 8px rgba(223,210,253,1),12px 9px rgba(223,210,253,1),12px 10px rgba(223,210,253,1),12px 11px rgba(223,210,253,1),12px 12px rgba(223,210,253,1),12px 13px rgba(106,99,130,1),12px 14px rgba(199,187,228,1),12px 15px rgba(81,74,102,1),12px 16px rgba(81,74,102,1),12px 17px rgba(81,74,102,1),12px 18px rgba(81,74,102,1),12px 19px rgba(81,74,102,1),12px 20px rgba(81,74,102,1),12px 21px rgba(81,74,102,1),12px 22px rgba(81,74,102,1),12px 23px rgba(146,109,124,1),12px 24px rgba(183,114,117,1),12px 25px rgba(149,79,81,1),12px 26px rgba(148,78,80,1),12px 27px rgba(148,78,80,1),12px 28px rgba(149,79,81,1),12px 29px rgba(171,101,104,1),12px 30px rgba(200,132,134,1),12px 31px rgba(211,143,146,1),12px 32px rgba(211,143,146,1),12px 33px rgba(178,109,112,1),12px 34px rgba(109,76,93,1),12px 35px rgba(130,120,154,0.75),13px 0px rgba(82,74,99,0.12),13px 1px rgba(86,79,107,0.92),13px 2px rgba(83,76,104,1),13px 3px rgba(112,103,134,1),13px 4px rgba(215,202,243,1),13px 5px rgba(223,210,253,1),13px 6px rgba(223,210,253,1),13px 7px rgba(223,210,253,1),13px 8px rgba(223,210,253,1),13px 9px rgba(223,210,253,1),13px 10px rgba(223,210,253,1),13px 11px rgba(223,210,253,1),13px 12px rgba(223,210,253,1),13px 13px rgba(119,111,143,1),13px 14px rgba(153,143,179,1),13px 15px rgba(81,74,102,1),13px 16px rgba(81,74,102,1),13px 17px rgba(81,74,102,1),13px 18px rgba(81,74,102,1),13px 19px rgba(81,74,102,1),13px 20px rgba(81,74,102,1),13px 21px rgba(81,74,102,1),13px 22px rgba(81,74,102,1),13px 23px rgba(146,102,114,1),13px 24px rgba(149,79,81,1),13px 25px rgba(159,89,92,1),13px 26px rgba(189,121,123,1),13px 27px rgba(205,137,140,1),13px 28px rgba(211,143,146,1),13px 29px rgba(211,143,146,1),13px 30px rgba(211,143,146,1),13px 31px rgba(211,143,146,1),13px 32px rgba(211,143,146,1),13px 33px rgba(177,108,111,1),13px 34px rgba(147,78,80,0.36),13px 35px rgba(0,0,0,0),14px 0px rgba(91,81,110,0.52),14px 1px rgba(97,90,119,0.97),14px 2px rgba(159,149,185,1),14px 3px rgba(193,182,221,1),14px 4px rgba(223,210,253,1),14px 5px rgba(223,210,253,1),14px 6px rgba(223,210,253,1),14px 7px rgba(223,210,253,1),14px 8px rgba(223,210,253,1),14px 9px rgba(223,210,253,1),14px 10px rgba(223,210,253,1),14px 11px rgba(223,210,253,1),14px 12px rgba(223,210,253,1),14px 13px rgba(181,170,210,1),14px 14px rgba(89,82,111,1),14px 15px rgba(81,74,102,1),14px 16px rgba(81,74,102,1),14px 17px rgba(81,74,102,1),14px 18px rgba(81,74,102,1),14px 19px rgba(81,74,102,1),14px 20px rgba(81,74,102,1),14px 21px rgba(81,74,102,1),14px 22px rgba(81,74,102,1),14px 23px rgba(146,100,112,1),14px 24px rgba(153,83,85,1),14px 25px rgba(211,143,146,1),14px 26px rgba(211,143,146,1),14px 27px rgba(211,143,146,1),14px 28px rgba(211,143,146,1),14px 29px rgba(211,143,146,1),14px 30px rgba(211,143,146,1),14px 31px rgba(211,143,146,1),14px 32px rgba(211,143,146,1),14px 33px rgba(169,100,102,0.98),14px 34px rgba(147,78,78,0.23),14px 35px rgba(0,0,0,0),15px 0px rgba(83,75,104,0.99),15px 1px rgba(91,84,113,1),15px 2px rgba(86,79,108,0.98),15px 3px rgba(85,78,106,1),15px 4px rgba(193,182,221,1),15px 5px rgba(223,210,253,1),15px 6px rgba(223,210,253,1),15px 7px rgba(223,210,253,1),15px 8px rgba(223,210,253,1),15px 9px rgba(223,210,253,1),15px 10px rgba(223,210,253,1),15px 11px rgba(223,210,253,1),15px 12px rgba(223,210,253,1),15px 13px rgba(138,129,164,1),15px 14px rgba(121,113,145,1),15px 15px rgba(81,74,102,1),15px 16px rgba(81,74,102,1),15px 17px rgba(81,74,102,1),15px 18px rgba(81,74,102,1),15px 19px rgba(81,74,102,1),15px 20px rgba(81,74,102,1),15px 21px rgba(81,74,102,1),15px 22px rgba(81,74,102,1),15px 23px rgba(146,109,124,1),15px 24px rgba(211,143,146,1),15px 25px rgba(211,143,146,1),15px 26px rgba(211,143,146,1),15px 27px rgba(211,143,146,1),15px 28px rgba(211,143,146,1),15px 29px rgba(211,143,146,1),15px 30px rgba(211,143,146,1),15px 31px rgba(211,143,146,1),15px 32px rgba(208,140,143,1),15px 33px rgba(158,88,90,0.93),15px 34px rgba(153,85,85,0.06),15px 35px rgba(0,0,0,0),16px 0px rgba(92,84,113,0.48),16px 1px rgba(88,82,109,0.86),16px 2px rgba(93,86,115,0.98),16px 3px rgba(166,156,194,1),16px 4px rgba(219,206,249,1),16px 5px rgba(223,210,253,1),16px 6px rgba(223,210,253,1),16px 7px rgba(223,210,253,1),16px 8px rgba(223,210,253,1),16px 9px rgba(223,210,253,1),16px 10px rgba(223,210,253,1),16px 11px rgba(223,210,253,1),16px 12px rgba(223,210,253,1),16px 13px rgba(99,92,122,1),16px 14px rgba(180,169,207,1),16px 15px rgba(81,74,102,1),16px 16px rgba(81,74,102,1),16px 17px rgba(81,74,102,1),16px 18px rgba(81,74,102,1),16px 19px rgba(81,74,102,1),16px 20px rgba(81,74,102,1),16px 21px rgba(81,74,102,1),16px 22px rgba(81,74,102,1),16px 23px rgba(146,109,124,1),16px 24px rgba(211,143,146,1),16px 25px rgba(211,143,146,1),16px 26px rgba(211,143,146,1),16px 27px rgba(211,143,146,1),16px 28px rgba(211,143,146,1),16px 29px rgba(211,143,146,1),16px 30px rgba(211,143,146,1),16px 31px rgba(211,143,146,1),16px 32px rgba(187,119,121,1),16px 33px rgba(161,90,93,0.74),16px 34px rgba(0,0,0,0),16px 35px rgba(0,0,0,0),17px 0px rgba(88,81,111,0.57),17px 1px rgba(86,79,107,1),17px 2px rgba(127,118,151,1),17px 3px rgba(87,80,109,1),17px 4px rgba(205,193,234,1),17px 5px rgba(223,210,253,1),17px 6px rgba(223,210,253,1),17px 7px rgba(223,210,253,1),17px 8px rgba(223,210,253,1),17px 9px rgba(191,179,219,1),17px 10px rgba(223,210,253,1),17px 11px rgba(223,210,253,1),17px 12px rgba(223,210,253,1),17px 13px rgba(95,87,117,1),17px 14px rgba(212,200,242,1),17px 15px rgba(82,75,103,1),17px 16px rgba(81,74,102,1),17px 17px rgba(81,74,102,1),17px 18px rgba(81,74,102,1),17px 19px rgba(81,74,102,1),17px 20px rgba(81,74,102,1),17px 21px rgba(81,74,102,1),17px 22px rgba(81,74,102,1),17px 23px rgba(146,109,124,1),17px 24px rgba(211,143,146,1),17px 25px rgba(211,143,146,1),17px 26px rgba(211,143,146,1),17px 27px rgba(211,143,146,1),17px 28px rgba(211,143,146,1),17px 29px rgba(211,143,146,1),17px 30px rgba(211,143,146,1),17px 31px rgba(207,139,142,1),17px 32px rgba(155,86,88,1),17px 33px rgba(146,76,80,0.21),17px 34px rgba(0,0,0,0),17px 35px rgba(0,0,0,0),18px 0px rgba(84,76,105,0.98),18px 1px rgba(84,77,105,1),18px 2px rgba(86,79,107,0.95),18px 3px rgba(87,79,108,1),18px 4px rgba(162,152,188,1),18px 5px rgba(223,210,253,1),18px 6px rgba(223,210,253,1),18px 7px rgba(223,210,253,1),18px 8px rgba(178,167,206,1),18px 9px rgba(100,92,122,1),18px 10px rgba(223,210,253,1),18px 11px rgba(223,210,253,1),18px 12px rgba(223,210,253,1),18px 13px rgba(199,187,228,1),18px 14px rgba(223,210,253,1),18px 15px rgba(84,77,106,1),18px 16px rgba(81,74,102,1),18px 17px rgba(81,74,102,1),18px 18px rgba(81,74,102,1),18px 19px rgba(81,74,102,1),18px 20px rgba(81,74,102,1),18px 21px rgba(81,74,102,1),18px 22px rgba(81,74,102,1),18px 23px rgba(146,109,124,1),18px 24px rgba(211,143,146,1),18px 25px rgba(211,143,146,1),18px 26px rgba(211,143,146,1),18px 27px rgba(211,143,146,1),18px 28px rgba(211,143,146,1),18px 29px rgba(211,143,146,1),18px 30px rgba(206,138,140,1),18px 31px rgba(171,102,106,1),18px 32px rgba(125,82,97,1),18px 33px rgba(128,128,128,0.01),18px 34px rgba(0,0,0,0),18px 35px rgba(0,0,0,0),19px 0px rgba(82,73,102,0.45),19px 1px rgba(80,74,103,0.49),19px 2px rgba(89,82,111,0.97),19px 3px rgba(169,158,196,1),19px 4px rgba(223,210,253,1),19px 5px rgba(223,210,253,1),19px 6px rgba(223,210,253,1),19px 7px rgba(223,210,253,1),19px 8px rgba(108,100,130,1),19px 9px rgba(145,135,170,1),19px 10px rgba(223,210,253,1),19px 11px rgba(223,210,253,1),19px 12px rgba(223,210,253,1),19px 13px rgba(223,210,253,1),19px 14px rgba(223,210,253,1),19px 15px rgba(109,101,132,1),19px 16px rgba(81,74,102,1),19px 17px rgba(81,74,102,1),19px 18px rgba(81,74,102,1),19px 19px rgba(81,74,102,1),19px 20px rgba(81,74,102,1),19px 21px rgba(81,74,102,1),19px 22px rgba(81,74,102,1),19px 23px rgba(122,96,116,1),19px 24px rgba(211,143,146,1),19px 25px rgba(211,143,146,1),19px 26px rgba(211,143,146,1),19px 27px rgba(211,143,146,1),19px 28px rgba(211,143,146,1),19px 29px rgba(179,110,112,1),19px 30px rgba(156,89,92,1),19px 31px rgba(223,210,253,1),19px 32px rgba(82,75,103,1),19px 33px rgba(82,75,103,1),19px 34px rgba(82,75,103,1),19px 35px rgba(130,120,154,0.75),20px 0px rgba(0,0,0,0),20px 1px rgba(86,79,107,0.95),20px 2px rgba(93,85,114,1),20px 3px rgba(97,90,120,1),20px 4px rgba(99,91,121,1),20px 5px rgba(223,210,253,1),20px 6px rgba(223,210,253,1),20px 7px rgba(223,210,253,1),20px 8px rgba(88,81,110,1),20px 9px rgba(210,198,239,1),20px 10px rgba(223,210,253,1),20px 11px rgba(223,210,253,1),20px 12px rgba(223,210,253,1),20px 13px rgba(223,210,253,1),20px 14px rgba(223,210,253,1),20px 15px rgba(179,168,206,1),20px 16px rgba(82,75,103,1),20px 17px rgba(81,74,102,1),20px 18px rgba(81,74,102,1),20px 19px rgba(81,74,102,1),20px 20px rgba(81,74,102,1),20px 21px rgba(81,74,102,1),20px 22px rgba(81,74,102,1),20px 23px rgba(97,83,108,1),20px 24px rgba(211,143,146,1),20px 25px rgba(211,143,146,1),20px 26px rgba(211,143,146,1),20px 27px rgba(195,126,129,1),20px 28px rgba(157,88,90,1),20px 29px rgba(171,102,105,1),20px 30px rgba(98,84,110,1),20px 31px rgba(223,210,253,1),20px 32px rgba(223,210,253,1),20px 33px rgba(223,210,253,1),20px 34px rgba(159,149,185,1),20px 35px rgba(82,75,103,1),21px 0px rgba(0,0,0,0),21px 1px rgba(81,74,103,0.31),21px 2px rgba(81,74,102,0.67),21px 3px rgba(81,74,102,1),21px 4px rgba(211,198,240,1),21px 5px rgba(223,210,253,1),21px 6px rgba(223,210,253,1),21px 7px rgba(223,210,253,1),21px 8px rgba(88,81,110,1),21px 9px rgba(223,210,253,1),21px 10px rgba(223,210,253,1),21px 11px rgba(223,210,253,1),21px 12px rgba(223,210,253,1),21px 13px rgba(223,210,253,1),21px 14px rgba(223,210,253,1),21px 15px rgba(223,210,253,1),21px 16px rgba(109,101,132,1),21px 17px rgba(81,74,102,1),21px 18px rgba(81,74,102,1),21px 19px rgba(81,74,102,1),21px 20px rgba(81,74,102,1),21px 21px rgba(81,74,102,1),21px 22px rgba(81,74,102,1),21px 23px rgba(81,74,102,1),21px 24px rgba(171,122,132,1),21px 25px rgba(211,143,146,1),21px 26px rgba(211,143,146,1),21px 27px rgba(184,115,117,1),21px 28px rgba(196,127,130,1),21px 29px rgba(210,142,145,1),21px 30px rgba(94,87,116,1),21px 31px rgba(223,210,253,1),21px 32px rgba(223,210,253,1),21px 33px rgba(220,207,250,1),21px 34px rgba(144,134,169,1),21px 35px rgba(81,74,102,1),22px 0px rgba(0,0,0,0),22px 1px rgba(0,0,0,0),22px 2px rgba(0,0,0,0),22px 3px rgba(81,74,102,1),22px 4px rgba(223,210,253,1),22px 5px rgba(223,210,253,1),22px 6px rgba(223,210,253,1),22px 7px rgba(223,210,253,1),22px 8px rgba(92,84,113,1),22px 9px rgba(188,177,216,1),22px 10px rgba(223,210,253,1),22px 11px rgba(223,210,253,1),22px 12px rgba(223,210,253,1),22px 13px rgba(223,210,253,1),22px 14px rgba(223,210,253,1),22px 15px rgba(223,210,253,1),22px 16px rgba(197,185,226,1),22px 17px rgba(87,79,108,1),22px 18px rgba(81,74,102,1),22px 19px rgba(81,74,102,1),22px 20px rgba(81,74,102,1),22px 21px rgba(81,74,102,1),22px 22px rgba(81,74,102,1),22px 23px rgba(81,74,102,1),22px 24px rgba(114,91,113,1),22px 25px rgba(211,143,146,1),22px 26px rgba(211,143,146,1),22px 27px rgba(211,143,146,1),22px 28px rgba(211,143,146,1),22px 29px rgba(187,130,138,1),22px 30px rgba(111,102,133,1),22px 31px rgba(223,210,253,1),22px 32px rgba(82,75,103,1),22px 33px rgba(82,75,103,1),22px 34px rgba(82,75,103,1),22px 35px rgba(130,120,154,0.75),23px 0px rgba(0,0,0,0),23px 1px rgba(0,0,0,0),23px 2px rgba(0,0,0,0),23px 3px rgba(81,74,102,1),23px 4px rgba(223,210,253,1),23px 5px rgba(223,210,253,1),23px 6px rgba(223,210,253,1),23px 7px rgba(223,210,253,1),23px 8px rgba(124,115,148,1),23px 9px rgba(123,115,147,1),23px 10px rgba(223,210,253,1),23px 11px rgba(223,210,253,1),23px 12px rgba(223,210,253,1),23px 13px rgba(223,210,253,1),23px 14px rgba(223,210,253,1),23px 15px rgba(223,210,253,1),23px 16px rgba(223,210,253,1),23px 17px rgba(211,198,240,1),23px 18px rgba(88,81,110,1),23px 19px rgba(81,74,102,1),23px 20px rgba(81,74,102,1),23px 21px rgba(81,74,102,1),23px 22px rgba(81,74,102,1),23px 23px rgba(81,74,102,1),23px 24px rgba(81,74,102,1),23px 25px rgba(154,113,127,1),23px 26px rgba(211,143,146,1),23px 27px rgba(211,143,146,1),23px 28px rgba(211,143,146,1),23px 29px rgba(146,109,124,1),23px 30px rgba(167,156,193,1),23px 31px rgba(223,210,253,1),23px 32px rgba(82,75,104,1),23px 33px rgba(0,0,0,0),23px 34px rgba(0,0,0,0),23px 35px rgba(0,0,0,0),24px 0px rgba(0,0,0,0),24px 1px rgba(0,0,0,0),24px 2px rgba(0,0,0,0),24px 3px rgba(81,74,102,1),24px 4px rgba(223,210,253,1),24px 5px rgba(223,210,253,1),24px 6px rgba(223,210,253,1),24px 7px rgba(223,210,253,1),24px 8px rgba(209,197,238,1),24px 9px rgba(102,94,125,1),24px 10px rgba(223,210,253,1),24px 11px rgba(223,210,253,1),24px 12px rgba(223,210,253,1),24px 13px rgba(223,210,253,1),24px 14px rgba(223,210,253,1),24px 15px rgba(223,210,253,1),24px 16px rgba(223,210,253,1),24px 17px rgba(223,210,253,1),24px 18px rgba(212,199,241,1),24px 19px rgba(126,117,150,1),24px 20px rgba(83,76,104,1),24px 21px rgba(81,74,102,1),24px 22px rgba(81,74,102,1),24px 23px rgba(81,74,102,1),24px 24px rgba(81,74,102,1),24px 25px rgba(81,74,102,1),24px 26px rgba(142,106,123,1),24px 27px rgba(179,126,135,1),24px 28px rgba(147,109,125,1),24px 29px rgba(122,113,145,1),24px 30px rgba(220,207,249,1),24px 31px rgba(223,210,253,1),24px 32px rgba(82,75,104,1),24px 33px rgba(82,75,103,1),24px 34px rgba(82,75,103,1),24px 35px rgba(130,120,154,0.75),25px 0px rgba(0,0,0,0),25px 1px rgba(0,0,0,0),25px 2px rgba(0,0,0,0),25px 3px rgba(81,74,102,1),25px 4px rgba(223,210,253,1),25px 5px rgba(223,210,253,1),25px 6px rgba(223,210,253,1),25px 7px rgba(223,210,253,1),25px 8px rgba(223,210,253,1),25px 9px rgba(223,210,253,1),25px 10px rgba(223,210,253,1),25px 11px rgba(223,210,253,1),25px 12px rgba(223,210,253,1),25px 13px rgba(223,210,253,1),25px 14px rgba(223,210,253,1),25px 15px rgba(223,210,253,1),25px 16px rgba(223,210,253,1),25px 17px rgba(223,210,253,1),25px 18px rgba(223,210,253,1),25px 19px rgba(223,210,253,1),25px 20px rgba(217,205,247,1),25px 21px rgba(188,177,216,1),25px 22px rgba(141,131,165,1),25px 23px rgba(112,104,135,1),25px 24px rgba(106,98,129,1),25px 25px rgba(107,99,130,1),25px 26px rgba(110,102,133,1),25px 27px rgba(123,115,147,1),25px 28px rgba(171,160,198,1),25px 29px rgba(223,210,253,1),25px 30px rgba(223,210,253,1),25px 31px rgba(223,210,253,1),25px 32px rgba(82,75,104,1),25px 33px rgba(223,210,253,1),25px 34px rgba(159,149,185,1),25px 35px rgba(82,75,103,1),26px 0px rgba(0,0,0,0),26px 1px rgba(0,0,0,0),26px 2px rgba(0,0,0,0),26px 3px rgba(81,74,102,1),26px 4px rgba(212,197,245,1),26px 5px rgba(223,210,253,1),26px 6px rgba(223,210,253,1),26px 7px rgba(223,210,253,1),26px 8px rgba(223,210,253,1),26px 9px rgba(223,210,253,1),26px 10px rgba(223,210,253,1),26px 11px rgba(223,210,253,1),26px 12px rgba(223,210,253,1),26px 13px rgba(223,210,253,1),26px 14px rgba(223,210,253,1),26px 15px rgba(223,210,253,1),26px 16px rgba(223,210,253,1),26px 17px rgba(223,210,253,1),26px 18px rgba(223,210,253,1),26px 19px rgba(223,210,253,1),26px 20px rgba(223,210,253,1),26px 21px rgba(223,210,253,1),26px 22px rgba(223,210,253,1),26px 23px rgba(223,210,253,1),26px 24px rgba(223,210,253,1),26px 25px rgba(223,210,253,1),26px 26px rgba(223,210,253,1),26px 27px rgba(223,210,253,1),26px 28px rgba(223,210,253,1),26px 29px rgba(223,210,253,1),26px 30px rgba(223,210,253,1),26px 31px rgba(210,196,243,1),26px 32px rgba(82,75,104,1),26px 33px rgba(220,207,250,1),26px 34px rgba(144,134,169,1),26px 35px rgba(81,74,102,1),27px 0px rgba(0,0,0,0),27px 1px rgba(0,0,0,0),27px 2px rgba(0,0,0,0),27px 3px rgba(81,74,102,1),27px 4px rgba(180,165,216,1),27px 5px rgba(210,195,244,1),27px 6px rgba(221,208,252,1),27px 7px rgba(223,210,253,1),27px 8px rgba(223,210,253,1),27px 9px rgba(223,210,253,1),27px 10px rgba(223,210,253,1),27px 11px rgba(223,210,253,1),27px 12px rgba(223,210,253,1),27px 13px rgba(223,210,253,1),27px 14px rgba(223,210,253,1),27px 15px rgba(223,210,253,1),27px 16px rgba(223,210,253,1),27px 17px rgba(223,210,253,1),27px 18px rgba(223,210,253,1),27px 19px rgba(223,210,253,1),27px 20px rgba(223,210,253,1),27px 21px rgba(223,210,253,1),27px 22px rgba(223,210,253,1),27px 23px rgba(223,210,253,1),27px 24px rgba(223,210,253,1),27px 25px rgba(223,210,253,1),27px 26px rgba(223,210,253,1),27px 27px rgba(223,210,253,1),27px 28px rgba(223,210,253,1),27px 29px rgba(221,208,252,1),27px 30px rgba(210,195,244,1),27px 31px rgba(176,161,211,1),27px 32px rgba(82,75,104,1),27px 33px rgba(82,75,103,1),27px 34px rgba(82,75,103,1),27px 35px rgba(130,120,154,0.75),28px 0px rgba(0,0,0,0),28px 1px rgba(0,0,0,0),28px 2px rgba(0,0,0,0),28px 3px rgba(81,74,102,0.87),28px 4px rgba(118,108,145,0.96),28px 5px rgba(195,178,233,1),28px 6px rgba(197,180,235,1),28px 7px rgba(197,180,235,1),28px 8px rgba(197,180,235,1),28px 9px rgba(197,180,235,1),28px 10px rgba(197,180,235,1),28px 11px rgba(197,180,235,1),28px 12px rgba(197,180,235,1),28px 13px rgba(197,180,235,1),28px 14px rgba(197,180,235,1),28px 15px rgba(197,180,235,1),28px 16px rgba(197,180,235,1),28px 17px rgba(197,180,235,1),28px 18px rgba(197,180,235,1),28px 19px rgba(197,180,235,1),28px 20px rgba(197,180,235,1),28px 21px rgba(197,180,235,1),28px 22px rgba(197,180,235,1),28px 23px rgba(197,180,235,1),28px 24px rgba(197,180,235,1),28px 25px rgba(197,180,235,1),28px 26px rgba(197,180,235,1),28px 27px rgba(197,180,235,1),28px 28px rgba(197,180,235,1),28px 29px rgba(197,180,235,1),28px 30px rgba(197,180,235,1),28px 31px rgba(122,111,149,1),28px 32px rgba(95,86,118,0.98),28px 33px rgba(0,0,0,0),28px 34px rgba(0,0,0,0),28px 35px rgba(0,0,0,0),29px 0px rgba(0,0,0,0),29px 1px rgba(0,0,0,0),29px 2px rgba(0,0,0,0),29px 3px rgba(81,74,103,0.31),29px 4px rgba(82,75,103,0.99),29px 5px rgba(124,113,151,1),29px 6px rgba(178,163,213,1),29px 7px rgba(197,180,235,1),29px 8px rgba(197,180,235,1),29px 9px rgba(197,180,235,1),29px 10px rgba(197,180,235,1),29px 11px rgba(197,180,235,1),29px 12px rgba(197,180,235,1),29px 13px rgba(197,180,235,1),29px 14px rgba(197,180,235,1),29px 15px rgba(197,180,235,1),29px 16px rgba(197,180,235,1),29px 17px rgba(197,180,235,1),29px 18px rgba(197,180,235,1),29px 19px rgba(197,180,235,1),29px 20px rgba(197,180,235,1),29px 21px rgba(197,180,235,1),29px 22px rgba(197,180,235,1),29px 23px rgba(197,180,235,1),29px 24px rgba(197,180,235,1),29px 25px rgba(197,180,235,1),29px 26px rgba(197,180,235,1),29px 27px rgba(197,180,235,1),29px 28px rgba(192,176,230,1),29px 29px rgba(170,155,204,1),29px 30px rgba(117,107,144,1),29px 31px rgba(84,77,106,1),29px 32px rgba(129,118,158,0.53),29px 33px rgba(0,0,0,0),29px 34px rgba(0,0,0,0),29px 35px rgba(0,0,0,0),30px 0px rgba(0,0,0,0),30px 1px rgba(0,0,0,0),30px 2px rgba(0,0,0,0),30px 3px rgba(0,0,0,0),30px 4px rgba(81,74,103,0.31),30px 5px rgba(87,80,109,0.92),30px 6px rgba(82,75,104,1),30px 7px rgba(82,75,104,1),30px 8px rgba(82,75,104,1),30px 9px rgba(82,75,104,1),30px 10px rgba(82,75,104,1),30px 11px rgba(82,75,104,1),30px 12px rgba(82,75,104,1),30px 13px rgba(82,75,104,1),30px 14px rgba(82,75,104,1),30px 15px rgba(82,75,104,1),30px 16px rgba(82,75,104,1),30px 17px rgba(82,75,104,1),30px 18px rgba(82,75,104,1),30px 19px rgba(82,75,104,1),30px 20px rgba(82,75,104,1),30px 21px rgba(82,75,104,1),30px 22px rgba(82,75,104,1),30px 23px rgba(82,75,104,1),30px 24px rgba(82,75,104,1),30px 25px rgba(82,75,104,1),30px 26px rgba(82,75,104,1),30px 27px rgba(82,75,104,1),30px 28px rgba(82,75,104,1),30px 29px rgba(82,75,104,1),30px 30px rgba(96,87,119,0.99),30px 31px rgba(134,123,164,0.57),30px 32px rgba(0,0,0,0),30px 33px rgba(0,0,0,0),30px 34px rgba(0,0,0,0),30px 35px rgba(0,0,0,0);
}


Hi, I’m drawn entirely with CSS! Inspect me if you’re curious.