Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Auto Save

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <!-- <h1>Ambient Lighting: The Dress</h1> -->

<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="220.000000pt" height="400.000000pt" viewBox="0 0 220.000000 400.000000" preserveAspectRatio="xMidYMid meet">
  <metadata>Created by potrace 1.11, written by Peter Selinger 2001-2013</metadata>
  <g id="dress" transform="translate(0.000000,400.000000) scale(0.100000,-0.100000)">
    <path d="M0 3155 l0 -845 50 0 c45 0 50 2 51 23 0 12 3 16 6 10 2 -7 11 -13 19 -13 8 0 14 -7 14 -15 0 -8 7 -15 15 -15 8 0 15 -9 15 -20 0 -13 -7 -20 -19 -20 -15 0 -22 -11 -30 -50 -13 -61 -14 -77 -3 -82 5 -1 6 -36 4 -75 -3 -54 -8 -73 -18 -73 -8 0 -14 -10 -14 -25 0 -14 5 -25 10 -25 6 0 10 -4 10 -10 0 -5 -7 -10 -15 -10 -9 0 -15 -9 -15 -25 0 -14 5 -25 10 -25 6 0 10 -4 10 -10 0 -5 -7 -10 -15 -10 -9 0 -15 -9 -15 -25 0 -14 5 -25 10 -25 6 0 10 -4 10 -10 0 -5 -6 -10 -12 -10 -18 0 -66 -202 -50 -208 14 -4 16 -82 2 -82 -5 0 -10 -25 -10 -55 0 -30 5 -55 10 -55 6 0 10 -4 10 -10 0 -5 -7 -10 -15 -10 -9 0 -15 -9 -15 -25 0 -14 5 -25 10 -25 6 0 10 -37 10 -90 0 -53 -4 -90 -10 -90 -5 0 -10 -11 -10 -25 0 -16 6 -25 15 -25 17 0 20 -17 5 -22 -16 -5 -1 -118 16 -118 16 0 19 -17 3 -22 -16 -5 0 -138 17 -138 10 0 14 -13 14 -40 0 -29 -4 -40 -15 -40 -27 0 -14 -109 14 -111 10 0 11 -2 3 -6 -6 -2 -12 -15 -12 -27 0 -31 20 -86 31 -86 5 0 9 -9 9 -20 0 -50 22 -118 39 -123 13 -3 20 -16 23 -41 2 -20 0 -36 -4 -36 -14 0 -9 -31 19 -117 20 -61 32 -83 44 -83 12 0 16 -6 12 -20 -5 -20 -3 -20 628 -18 l634 3 65 29 c41 18 65 25 68 17 5 -14 25 -14 73 1 22 6 39 17 39 24 0 16 66 38 107 35 28 -1 32 2 35 26 2 22 9 29 30 31 23 3 29 10 34 40 4 22 3 37 -3 39 -15 5 -4 43 12 43 19 0 82 339 65 350 -17 10 -5 60 14 60 19 0 35 112 17 118 -15 5 -14 22 2 22 18 0 44 139 29 149 -14 9 -2 61 14 61 16 0 20 46 5 52 -14 5 -1 88 14 88 17 0 25 33 25 103 0 44 -3 57 -15 57 -9 0 -15 9 -15 25 0 16 6 25 16 25 14 0 16 11 10 88 -10 137 -16 162 -34 162 -14 0 -14 2 -3 9 11 7 12 20 1 75 -8 44 -17 66 -26 66 -9 0 -14 12 -14 35 0 19 5 35 10 35 6 0 10 14 10 30 0 19 -5 30 -14 30 -11 0 -14 13 -14 48 2 79 -12 129 -36 137 -13 4 -16 8 -9 12 20 8 16 53 -4 53 -14 0 -15 2 -4 9 21 13 6 81 -18 81 -13 0 -24 14 -35 40 -20 49 -20 50 -1 50 8 0 15 5 15 10 0 6 10 10 21 10 37 0 99 23 99 36 0 16 36 28 78 25 l32 -2 -1 156 c-1 85 -5 155 -10 155 -5 0 -9 9 -9 20 0 11 5 20 10 20 6 0 10 14 10 30 0 20 -5 30 -15 30 -9 0 -15 9 -15 25 0 14 5 25 10 25 6 0 10 11 10 25 0 16 -6 25 -15 25 -10 0 -15 11 -15 35 0 19 5 35 10 35 6 0 10 11 10 25 0 16 -6 25 -15 25 -12 0 -15 13 -15 60 0 33 4 60 10 60 6 0 10 11 10 25 0 17 -6 25 -17 26 -11 0 -13 3 -5 6 20 8 15 63 -5 64 -11 0 -13 3 -5 6 15 6 15 28 0 109 -7 41 -16 64 -25 64 -18 0 -34 46 -27 76 6 25 -12 84 -26 84 -4 0 -11 11 -14 25 -4 14 -11 25 -16 25 -6 0 -10 7 -10 15 0 8 -4 15 -10 15 -5 0 -10 9 -10 20 0 14 -7 20 -22 20 -18 0 -20 2 -8 10 15 9 15 10 -21 153 -6 21 -16 37 -24 37 -8 0 -15 7 -15 15 0 13 -45 15 -347 15 -352 0 -463 -9 -463 -37 0 -10 -35 -13 -160 -13 -136 0 -160 2 -160 15 0 18 -46 21 -53 3 -3 -8 -6 -6 -6 5 -1 11 -9 17 -26 17 -14 0 -25 -4 -25 -9 0 -4 -11 -6 -25 -3 -14 2 -25 8 -25 13 0 5 -137 9 -310 9 l-310 0 0 -845z"/>
  </g>
  <g id="lace" transform="translate(0.000000,400.000000) scale(0.100000,-0.100000)">
    <path d="M270 3981 c0 -48 -33 -161 -47 -161 -8 0 -12 -4 -9 -9 4 -5 -3 -7 -14 -4 -14 4 -20 14 -20 34 0 23 -4 29 -22 29 -15 0 -27 -10 -35 -27 -19 -41 -16 -63 8 -63 18 0 19 -3 10 -14 -7 -8 -17 -61 -22 -118 -5 -57 -14 -104 -19 -106 -6 -2 -10 -9 -10 -17 0 -7 -6 -18 -14 -24 -8 -7 -18 -27 -22 -44 -3 -18 -11 -38 -16 -45 -7 -8 -7 -26 0 -55 6 -23 14 -57 17 -74 5 -27 11 -33 31 -33 13 0 24 5 24 12 0 14 50 68 62 68 4 0 8 -6 8 -14 0 -8 7 -16 15 -20 8 -3 15 -12 15 -21 0 -19 80 -21 98 -3 9 9 15 10 20 2 8 -13 109 -17 117 -4 3 5 18 2 33 -6 36 -19 96 -18 113 2 11 14 14 14 23 1 6 -8 32 -17 57 -21 38 -6 48 -3 64 14 18 20 18 20 35 0 23 -27 86 -22 112 9 14 18 18 19 18 7 0 -9 6 -17 13 -17 74 -8 88 -7 94 7 3 9 0 20 -8 25 -8 5 -9 9 -3 9 5 0 16 -6 22 -12 10 -10 15 -10 22 2 6 9 10 10 10 3 0 -18 29 -43 51 -43 16 0 19 7 19 51 0 46 -2 50 -22 47 -11 -2 -23 3 -25 10 -3 7 5 12 20 12 21 0 26 6 32 38 3 20 7 53 8 73 2 29 5 35 20 31 13 -3 17 2 17 26 0 17 4 33 8 36 8 5 40 137 66 276 10 52 11 79 4 87 -7 9 -7 13 1 13 6 0 11 11 11 25 l0 25 -495 0 c-478 0 -495 -1 -495 -19z"/>
    <path d="M122 2787 c3 -48 11 -83 23 -101 l19 -29 160 9 c89 4 200 8 249 7 84 0 87 0 81 20 -6 20 -6 20 11 4 9 -10 25 -15 34 -12 9 2 29 1 46 -3 16 -5 49 -5 72 -2 24 4 46 4 48 0 6 -9 96 -7 110 2 6 3 34 2 64 -4 39 -7 62 -6 82 3 18 7 48 9 77 5 40 -5 52 -3 71 15 16 15 29 19 48 14 35 -8 93 12 93 34 0 21 -50 81 -70 84 -8 2 -20 6 -27 10 -7 4 -25 1 -40 -6 -57 -29 -263 -39 -680 -34 -221 3 -406 8 -412 12 -6 3 -11 15 -11 26 0 14 -7 19 -26 19 l-27 0 5 -73z"/>
    <path d="M1913 2633 c-37 -4 -43 -7 -43 -28 0 -13 6 -26 13 -28 6 -3 -2 -6 -18 -6 -17 -1 -36 -6 -43 -13 -6 -6 -40 -11 -77 -11 -54 1 -65 -2 -65 -16 -1 -23 -27 -55 -35 -42 -3 6 -28 11 -54 11 -40 0 -50 -3 -54 -20 -6 -24 -27 -27 -27 -4 0 11 -6 15 -20 11 -11 -3 -23 -1 -26 4 -9 15 -54 10 -54 -6 0 -8 -9 -15 -20 -15 -11 0 -20 5 -20 10 0 15 -34 12 -66 -5 -16 -8 -55 -15 -86 -15 -32 0 -58 -4 -58 -9 0 -4 -21 -3 -46 2 -40 9 -47 9 -56 -6 -10 -19 -43 -23 -53 -7 -8 13 -66 13 -101 0 -18 -7 -30 -7 -39 0 -15 12 -97 2 -107 -13 -4 -7 -11 -7 -21 1 -12 10 -59 14 -207 14 -25 0 -46 -5 -48 -11 -3 -9 -7 -9 -18 0 -8 7 -30 9 -56 5 -24 -3 -65 -6 -92 -5 -29 0 -52 -5 -57 -12 -5 -8 -25 -12 -53 -10 -37 2 -45 0 -40 -12 4 -11 -1 -13 -20 -10 -21 4 -26 2 -26 -16 0 -12 7 -24 15 -27 8 -4 12 -11 8 -18 -21 -32 -31 -79 -21 -101 7 -16 7 -29 -2 -44 -12 -24 -6 -57 18 -83 10 -12 11 -18 3 -18 -15 0 -28 -35 -35 -98 -5 -42 -3 -52 9 -52 8 0 15 5 15 11 0 8 4 8 13 1 16 -14 58 -5 75 16 7 10 12 11 12 4 0 -7 10 -12 23 -13 21 0 21 -1 2 -9 -11 -5 -33 -9 -48 -9 -16 -1 -38 -6 -50 -13 -12 -7 -32 -11 -44 -9 -21 2 -23 -2 -23 -37 0 -22 -4 -42 -9 -44 -4 -1 -12 -33 -15 -70 -6 -57 -5 -68 7 -68 11 0 17 17 22 62 7 59 33 109 43 80 4 -14 84 -16 110 -3 30 17 313 64 377 63 17 0 56 -1 88 -3 43 -3 61 1 67 11 8 12 10 12 10 1 0 -10 10 -12 39 -7 22 3 42 2 46 -4 8 -12 332 -6 410 8 129 24 205 34 325 41 69 5 139 14 155 21 17 7 49 13 71 14 24 1 50 8 61 18 11 11 27 15 41 11 12 -3 33 -2 47 1 22 6 24 11 21 45 -2 22 -7 45 -11 51 -4 6 -2 16 3 23 7 8 7 30 1 62 -15 84 -17 88 -58 135 -25 28 -36 49 -30 55 5 5 9 17 9 27 0 10 4 18 10 18 5 0 9 25 9 56 -1 31 4 61 10 67 6 6 11 19 11 29 0 10 7 18 15 18 9 0 15 9 15 25 0 18 -5 24 -17 23 -10 -1 -37 -3 -60 -5z m7 -513 c0 -5 -4 -10 -10 -10 -5 0 -10 -9 -10 -20 0 -11 7 -20 15 -20 8 0 15 -4 15 -9 0 -4 -11 -6 -25 -3 -15 2 -25 0 -25 -7 0 -7 -4 -10 -9 -6 -5 3 -12 1 -16 -5 -11 -18 -23 -11 -18 11 5 19 3 20 -48 13 -30 -4 -55 -11 -57 -15 -2 -4 -10 -5 -17 -3 -8 3 -20 2 -27 -3 -7 -4 -51 -8 -98 -9 -89 0 -304 -28 -330 -43 -17 -9 -40 -4 -40 10 0 5 7 9 16 9 9 0 18 9 21 20 3 11 12 20 20 20 9 0 13 -6 9 -15 -10 -27 48 -18 78 12 23 23 29 25 52 15 35 -17 81 -15 88 3 6 17 42 20 52 4 10 -16 74 -3 89 18 12 15 17 16 34 6 30 -19 65 -16 85 6 15 16 27 19 67 14 33 -4 49 -2 49 6 0 6 9 11 20 11 11 0 20 -4 20 -10z m-1290 -111 c0 -13 45 -11 91 3 34 10 42 9 58 -6 22 -20 57 -14 78 13 12 15 14 14 27 -1 16 -21 64 -23 90 -3 13 10 25 11 45 4 14 -6 53 -9 86 -7 44 2 59 0 57 -9 -1 -7 5 -13 15 -13 9 0 13 -3 9 -7 -7 -7 -11 -8 -73 -11 -22 -1 -33 -7 -33 -17 0 -9 -9 -15 -25 -15 -15 0 -25 6 -25 14 0 10 -15 15 -50 18 -42 2 -50 0 -50 -14 0 -10 -4 -18 -10 -18 -5 0 -10 8 -10 18 0 15 -10 18 -60 20 -47 1 -60 -2 -60 -13 0 -8 -7 -15 -15 -15 -8 0 -12 6 -9 13 3 10 -6 13 -36 13 -26 0 -40 -5 -40 -13 0 -22 -82 -12 -102 12 -15 18 -15 22 -1 37 15 16 43 14 43 -3z"/>
    <path d="M1967 1849 c-60 -19 -98 -25 -377 -59 -258 -32 -344 -44 -356 -52 -20 -13 -164 -20 -474 -22 -334 -1 -342 -2 -581 -66 -60 -16 -96 -13 -102 10 -3 11 -9 20 -14 20 -10 0 -38 -149 -29 -157 12 -12 36 8 36 31 l0 25 83 -6 c80 -6 225 14 267 37 16 9 250 29 370 32 30 1 97 -2 148 -6 85 -7 94 -6 107 10 13 18 14 18 15 1 0 -15 8 -17 73 -12 116 8 237 27 327 50 14 3 37 2 52 -4 18 -7 31 -6 44 3 11 8 47 17 82 21 34 4 69 13 76 21 11 10 15 11 18 2 3 -9 19 -9 70 0 36 7 77 12 92 12 38 0 139 37 154 57 6 9 12 29 12 45 0 33 -10 34 -93 7z"/>
    <path d="M2027 1648 c-38 -20 -132 -40 -272 -58 -306 -39 -402 -53 -420 -60 -56 -25 -285 -44 -312 -27 -6 4 -104 10 -217 13 -177 5 -210 4 -224 -9 -9 -9 -46 -21 -81 -27 -35 -6 -71 -16 -80 -21 -19 -11 -151 -35 -273 -51 -74 -9 -87 -13 -92 -31 -8 -31 21 -57 63 -57 43 0 192 24 253 40 24 7 67 19 95 27 66 19 230 33 303 27 30 -2 111 -6 180 -8 76 -2 136 -8 152 -16 24 -11 30 -11 45 3 11 9 61 22 123 31 101 15 154 25 250 46 25 5 68 9 97 10 28 0 63 4 77 10 14 5 69 14 123 20 54 7 109 13 123 15 14 1 26 4 28 5 1 1 5 3 10 4 78 18 115 50 110 97 -4 39 -12 42 -61 17z"/>
    <path d="M2080 1507 c0 -7 6 -19 13 -26 10 -11 9 -13 -6 -8 -11 4 -16 3 -12 -3 9 -14 -51 -48 -109 -60 -28 -6 -85 -16 -126 -20 -41 -5 -86 -11 -100 -14 -14 -2 -99 -16 -190 -30 -91 -15 -172 -29 -180 -33 -8 -3 -22 -7 -30 -9 -8 -1 -44 -8 -80 -14 -40 -7 -195 -13 -400 -14 -333 -2 -394 -7 -480 -41 -33 -12 -94 -26 -248 -56 -34 -6 -65 -17 -69 -22 -4 -6 -6 -37 -5 -68 1 -32 -2 -60 -7 -63 -12 -8 -1 -149 13 -158 20 -14 26 -8 20 20 -8 45 -10 122 -3 122 11 0 20 -31 13 -42 -4 -6 1 -8 12 -5 11 3 36 8 57 12 20 3 37 10 37 15 0 5 22 6 49 3 45 -5 52 -3 73 22 22 25 25 26 40 11 18 -18 58 -22 58 -6 0 6 11 15 25 20 14 5 25 14 25 19 0 5 18 7 40 4 26 -4 47 -1 62 9 25 16 100 29 92 16 -3 -4 6 -8 20 -8 16 0 26 6 26 15 0 22 23 18 38 -5 23 -37 110 -21 113 22 1 7 4 2 8 -12 7 -24 11 -25 106 -32 55 -4 102 -4 105 1 8 12 40 21 40 11 0 -14 87 -12 110 3 17 10 22 9 28 -1 6 -8 22 -10 55 -6 26 4 47 9 47 13 0 3 14 6 30 6 17 0 30 -3 30 -7 0 -15 27 -8 53 12 16 13 40 20 66 20 27 0 44 5 47 14 4 11 17 13 53 9 36 -4 51 -1 64 12 10 9 25 14 35 11 10 -3 35 3 56 14 25 12 48 17 68 13 16 -3 46 -1 66 5 20 6 57 16 81 22 27 7 45 18 48 30 4 15 10 17 36 9 18 -5 32 -9 32 -9 3 0 -6 171 -10 186 -3 14 1 24 11 28 13 5 13 9 -3 31 -19 26 -43 33 -43 12z"/>
    <path d="M2050 1082 c0 -11 -54 -27 -143 -42 -37 -7 -69 -16 -72 -21 -3 -4 -12 -6 -20 -3 -16 7 -85 -14 -85 -25 0 -5 -189 -33 -237 -34 -6 0 -9 -6 -6 -13 3 -8 -11 -15 -44 -20 -26 -4 -54 -7 -60 -6 -7 2 -23 -3 -35 -9 -12 -7 -37 -12 -55 -11 -23 1 -33 -3 -33 -13 0 -8 -4 -15 -10 -15 -5 0 -10 7 -10 15 0 18 -39 20 -46 2 -3 -8 -18 -11 -44 -9 -22 2 -47 -1 -54 -7 -10 -9 -15 -8 -19 3 -7 18 -97 20 -97 3 0 -9 -2 -9 -8 -1 -4 6 -28 14 -54 18 -39 6 -48 4 -57 -11 -6 -11 -11 -13 -11 -5 0 7 -6 12 -12 11 -7 -2 -31 3 -53 9 -22 6 -65 9 -95 6 -30 -3 -61 -6 -67 -6 -7 -1 -13 -7 -13 -15 0 -15 -16 -17 -25 -3 -8 13 -55 13 -55 1 0 -13 -83 -38 -150 -46 -30 -3 -65 -13 -78 -21 -12 -8 -27 -12 -33 -9 -5 4 -15 2 -22 -3 -7 -5 -44 -16 -84 -23 -67 -12 -72 -15 -77 -43 -4 -19 -2 -33 6 -38 7 -4 14 -3 16 1 2 5 11 7 22 4 10 -3 43 4 73 15 30 12 57 18 61 15 3 -3 11 -1 18 5 7 5 36 15 63 20 28 6 75 18 105 27 114 35 319 50 343 26 14 -14 54 -14 62 0 4 6 22 8 44 5 140 -21 334 -14 476 18 125 29 180 40 189 37 5 -1 23 4 40 12 17 8 63 20 101 27 39 7 81 16 95 21 14 4 59 13 100 19 41 6 99 18 128 27 48 16 52 19 54 50 0 18 1 39 2 45 1 7 -7 14 -16 16 -10 2 -18 -1 -18 -6z"/>
    <path d="M2005 865 c-11 -7 -78 -25 -150 -38 -137 -26 -339 -78 -351 -90 -4 -4 -19 -7 -34 -7 -14 0 -30 -4 -36 -8 -8 -8 -44 -17 -174 -42 -32 -7 -147 -10 -280 -9 -428 6 -405 8 -705 -71 -44 -12 -99 -24 -123 -27 -34 -4 -43 -10 -48 -29 -4 -13 -1 -30 4 -37 6 -7 8 -23 5 -36 -7 -26 14 -71 34 -71 17 0 17 17 1 22 -7 3 -13 16 -13 30 -1 24 2 26 47 24 32 -1 52 4 57 13 6 9 26 13 60 13 41 -1 54 2 63 18 11 16 24 20 75 20 34 0 74 5 90 11 15 6 56 11 90 10 34 0 65 4 68 9 9 14 55 13 55 -1 0 -8 15 -10 53 -4 28 4 63 7 77 7 14 -1 45 -1 70 -1 25 1 52 0 60 -1 64 -7 248 3 274 15 30 13 62 18 196 31 36 4 71 11 77 16 7 6 38 12 69 13 33 2 63 10 73 19 10 9 36 16 61 16 27 0 51 6 62 17 11 10 34 16 56 16 27 -1 44 5 63 24 22 20 35 24 70 21 l44 -3 6 51 c4 29 10 57 13 63 10 16 -35 13 -59 -4z"/>
    <path d="M1960 660 c0 -5 -6 -10 -14 -10 -8 0 -16 -7 -19 -14 -3 -8 -22 -18 -41 -21 -19 -4 -40 -13 -47 -21 -7 -8 -21 -11 -35 -8 -14 4 -49 -2 -82 -14 -88 -30 -127 -42 -140 -42 -19 0 -92 -34 -92 -42 0 -5 -16 -8 -36 -8 -19 0 -44 -5 -54 -10 -10 -6 -38 -12 -62 -15 -23 -3 -47 -10 -52 -15 -4 -4 -15 -6 -22 -3 -10 3 -12 0 -8 -10 4 -13 -7 -16 -68 -20 -40 -3 -77 -6 -83 -7 -5 0 -25 3 -43 6 -39 8 -80 -10 -93 -41 -8 -16 -8 -15 -4 8 3 15 4 27 3 28 -7 2 -267 12 -295 11 -18 0 -54 -1 -80 -2 -27 -1 -68 -5 -93 -10 -25 -5 -92 -11 -149 -14 -82 -3 -106 -7 -113 -20 -5 -9 -17 -16 -27 -16 -26 0 -32 -33 -17 -90 8 -32 9 -53 3 -59 -6 -6 -4 -27 7 -60 9 -27 16 -59 16 -70 0 -12 5 -21 10 -21 6 0 10 -9 10 -19 0 -10 6 -21 13 -24 10 -3 12 3 9 23 -3 22 1 28 20 33 12 4 25 2 26 -3 5 -14 99 -13 104 1 3 9 9 9 25 0 32 -16 108 -14 123 4 10 12 16 13 26 4 20 -16 104 -2 104 17 0 14 2 13 16 0 19 -19 67 -21 94 -4 16 10 24 10 38 0 29 -21 41 -24 59 -16 10 4 24 6 31 5 8 -1 20 3 28 10 11 9 18 9 26 1 15 -15 53 -15 78 -2 13 7 26 5 47 -7 26 -14 32 -14 63 -1 20 8 62 14 97 14 49 -1 62 2 60 13 -1 10 16 18 57 27 32 6 62 17 66 24 4 7 12 10 18 6 5 -3 26 5 46 19 26 18 50 25 83 25 29 0 50 5 57 15 6 8 38 20 71 25 33 5 61 14 63 19 1 4 23 6 47 3 30 -3 45 -1 45 7 0 6 16 11 35 11 31 0 35 3 35 26 0 14 4 33 9 43 6 10 19 78 31 152 12 74 24 142 26 152 4 13 -1 17 -25 17 -17 0 -31 -4 -31 -10z"/>
  </g>
</svg>

<div id="ambient">&nbsp;</div>
              
            
!

CSS

              
                /* Original */
$lace: rgb(113,94,58);
$dress: rgb(135,154,189);
$background: gray; // gray
$background: lighten(#204291, 20%); // blue
$background: lighten(#d7b75b, 10%); // yellow
//$ambient: transparent;

g#lace { fill: $lace; }
g#dress { fill: $dress; }
body { background-color: $background; }
//#ambient { background: $ambient; }

#ambient {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
}

/* Blue/Black  
$lace: #24190f;
$dress: #2c5096;
$background: mix(gray, yellow, 40%);
//$ambient: transparentize(lighten(yellow, 10),.5);
*/

/* White/Gold
$lace: lighten(rgb(93,76,50), 20);
$dress: #fdf8da;
$background: gold;
//$ambient: transparent;*/

svg {
  margin: 5rem 35%;
}
              
            
!

JS

              
                
              
            
!
999px

Console