Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

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

Behavior

Save Automatically?

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

              
                <body>
  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1560 400" enable-background="new 0 0 1560 400" xml:space="preserve">
     
<pattern  width="304" height="304" patternUnits="userSpaceOnUse" id="New_Pattern" viewBox="0 -304 304 304" overflow="visible">
	<g>
        <rect y="-304" fill="none" width="304" height="304"/>
    
        <style type="text/css">
            .ic-path {
                stroke-dasharray:100;
                stroke-dashoffset: 100;
                animation: dash 50s linear alternate infinite;
            }
            @keyframes dash {
                from {
                  stroke-dashoffset: 1000;
                }
                to {
                  stroke-dashoffset: 0;
                }
            }
        </style>
		<path fill="transparent" stroke="#FFF" stroke-width="2" class="ic-path" d="M0-80v2h44.1c0.401,1.964,1.935,3.498,3.899,3.899c2.706,0.552,5.347-1.193,5.899-3.899s-1.193-5.347-3.899-5.899
			C47.293-84.451,44.652-82.706,44.1-80H0z M82-32v2h122.1c0.401,1.964,1.935,3.498,3.899,3.899
			c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899H82z M304-78v-2
			h-42.1c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899H304z M304-62v-2h-42.1c-0.401-1.964-1.935-3.498-3.899-3.899
			c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899H304z
			 M181.9-176c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899h86.2c0.401,1.964,1.935,3.498,3.899,3.899c2.706,0.552,5.347-1.193,5.899-3.899
			c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899H181.9z M0-224v2h12.1
			c0.401,1.964,1.935,3.498,3.899,3.899c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899
			c-2.706-0.552-5.347,1.193-5.899,3.899C12.1-224,0-224,0-224z M284.1-190c0.401,1.964,1.935,3.498,3.899,3.899
			c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899h-86.2
			c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899H284.1z M258-304h-2v12.1c-1.964,0.401-3.498,1.935-3.899,3.899
			c-0.552,2.706,1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899V-304z
			 M194-138.1c1.964-0.401,3.498-1.935,3.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899
			c-0.552,2.706,1.193,5.347,3.899,5.899v54.2c-1.964,0.401-3.498,1.935-3.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899V-138.1z M245.899-285.999
			c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899v60.1h64v-2h-62
			v-58.1C243.964-282.501,245.498-284.035,245.899-285.999z M261.899-269.999c0.552-2.706-1.193-5.347-3.899-5.899
			c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899v28.1h48v-2h-46v-26.1
			C259.964-266.501,261.498-268.035,261.899-269.999z M130-170.1c1.964-0.401,3.498-1.935,3.899-3.899
			c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899V-94h16v10.1
			c-1.964,0.401-3.498,1.935-3.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899
			c0.552-2.706-1.193-5.347-3.899-5.899V-96h-16V-170.1L130-170.1z M112-192v48H85.9c-0.401-1.964-1.935-3.498-3.899-3.899
			c-2.706-0.552-5.347,1.193-5.899,3.899s1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899H114v-48h10.1
			c0.401,1.964,1.935,3.498,3.899,3.899c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899
			c-2.706-0.552-5.347,1.193-5.899,3.899C124.1-192,112-192,112-192z M178-62v-76.1c1.964-0.401,3.498-1.935,3.899-3.899
			c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899V-64h-58.1
			c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899s1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899H178z M112-126v48h12.1c0.401,1.964,1.935,3.498,3.899,3.899
			c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899H114v-48h-12.1
			c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899s1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899H112z M66-32H48V0h2v-30h14v10.1c-1.964,0.401-3.498,1.935-3.899,3.899
			c-0.552,2.706,1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899S68.706-19.348,66-19.9V-32z M224-128v98h48V0h2v-32
			h-48v-94h10.1c0.401,1.964,1.935,3.498,3.899,3.899c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899
			c-2.706-0.552-5.347,1.193-5.899,3.899H224z M272-158v42.1c-1.964,0.401-3.498,1.935-3.899,3.899
			c-0.552,2.706,1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899V-160h-12.1
			c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899H272z M210-62v-80h16v-18h-44.1c-0.401-1.964-1.935-3.498-3.899-3.899
			c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899H224v14h-16v80
			h-10.1c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899H210z M284.1-272H274v-32h-2v34h12.1c0.401,1.964,1.935,3.498,3.899,3.899
			c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899C287.293-276.451,284.652-274.706,284.1-272L284.1-272z
			 M101.899-205.999c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899s1.193,5.347,3.899,5.899v42.1H53.9
			c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899s1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899H98v-44.1C99.964-202.501,101.498-204.035,101.899-205.999z M82-270v-34h-2v32H53.9
			c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899s1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899H82z M117.899-269.999c0.552-2.706-1.193-5.347-3.899-5.899
			c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899v26.1H80v64H69.9
			c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899s1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899H82v-64h32v-28.1C115.964-266.501,117.498-268.035,117.899-269.999z M130-222v-44.1
			c1.964-0.401,3.498-1.935,3.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899
			c-0.552,2.706,1.193,5.347,3.899,5.899v42.1h-26.1c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899
			s1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899H130z M144-286v42.1c-1.964,0.401-3.498,1.935-3.899,3.899
			c-0.552,2.706,1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899V-288h-28.1
			c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899s1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899H144z M96-16V0h2v-14h122.1c0.401,1.964,1.935,3.498,3.899,3.899
			c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899H96z
			 M245.899-157.999c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899
			c-0.552,2.706,1.193,5.347,3.899,5.899v12.1h16v30h-16v66h48V0h2v-48h-48v-62h16v-34h-16v-10.1
			C243.964-154.501,245.498-156.035,245.899-157.999z M66-286v-18H48v2h16v14H53.9c-0.401-1.964-1.935-3.498-3.899-3.899
			c-2.706-0.552-5.347,1.193-5.899,3.899s1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899H66z M194-254v-48h48v-2h-50
			v48h-26.1c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899H194z M176-302v30h-14v-10.1c1.964-0.401,3.498-1.935,3.899-3.899
			c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899v12.1h18v-34
			h-62.17c0.227,0.644,0.227,1.347,0,1.991c-0.55,1.563-2.263,2.384-3.826,1.834c-1.563-0.55-2.384-2.263-1.834-3.826h-2.07
			c-0.552,2.706,1.194,5.348,3.9,5.9c2.706,0.552,5.348-1.194,5.9-3.9C117.9-302,176-302,176-302z M137.83-206l32-32H210v-44.1
			c1.964-0.401,3.498-1.935,3.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899
			c-0.552,2.706,1.193,5.347,3.899,5.899v42.1h-39l-32,32h-19.1c-0.401-1.964-1.935-3.498-3.899-3.899
			c-2.706-0.552-5.347,1.193-5.899,3.899s1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899
			C117.9-206,137.83-206,137.83-206z M146-191.59L176.41-222H226v-60.1c1.964-0.401,3.498-1.935,3.899-3.899
			c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899v58.1h-48.41
			L144-192.41v76.51c-1.964,0.401-3.498,1.935-3.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899V-191.59z M162-182.59L185.41-206H300.1
			c0.401,1.964,1.936,3.499,3.9,3.9v-2.07c-0.858-0.302-1.533-0.977-1.834-1.834c-0.55-1.563,0.272-3.276,1.834-3.826v-2.07
			c-1.964,0.401-3.499,1.936-3.9,3.9H184.59L160-183.41v99.51c-1.964,0.401-3.498,1.935-3.899,3.899
			c-0.552,2.706,1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899V-182.59z
			 M18-150.59l48-48V-254h32v-50h-2v48H64v56.59l-48,48v3.51c-1.964,0.401-3.498,1.935-3.899,3.899
			c-0.552,2.706,1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899V-150.59z
			 M53.899-253.999c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899
			c-0.552,2.706,1.193,5.347,3.899,5.899v42.69l-48,48V-94h28.1c0.401,1.964,1.935,3.498,3.899,3.899
			c2.706,0.552,5.347-1.193,5.899-3.899s-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899H2v-62.59l48-48v-43.51
			C51.964-250.501,53.498-252.035,53.899-253.999z M37.899-237.999c0.552-2.706-1.193-5.347-3.899-5.899
			c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899v18.69l-32,32v2.82l34-34v-19.51
			C35.964-234.501,37.498-236.035,37.899-237.999z M8.59-272L0-263.4v2.81L9.41-270h2.69c0.401,1.964,1.935,3.498,3.899,3.899
			c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899c-2.706-0.552-5.347,1.193-5.899,3.899H8.59z
			 M297.41-254l6.59-6.59v-2.82l-7.41,7.41H277.9c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899
			c-0.552,2.706,1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899H297.41z M290-94v-72.59l14-14v-2.82l-16,16V-96h-26.1
			c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899H290z M66-62v-25.41L41.41-112H21.9c-0.401-1.964-1.935-3.498-3.899-3.899
			c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899h18.69L64-86.59
			V-64H53.9c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899s1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899C53.9-62,66-62,66-62z M204.1-48H98v-55.4L57.4-144H37.9
			c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899c-0.552,2.706,1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899h18.7L96-102.6V-46h108.1c0.401,1.964,1.935,3.498,3.899,3.899
			c2.706,0.552,5.347-1.193,5.899-3.899c0.552-2.706-1.193-5.347-3.899-5.899C207.293-52.451,204.652-50.706,204.1-48L204.1-48z
			 M82-46v-49.41L49.41-128H21.9c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899
			c-0.552,2.706,1.193,5.347,3.899,5.899c2.706,0.552,5.347-1.193,5.899-3.899h26.69L80-94.59V-48H53.9
			c-0.401-1.964-1.935-3.498-3.899-3.899c-2.706-0.552-5.347,1.193-5.899,3.899s1.193,5.347,3.899,5.899
			c2.706,0.552,5.347-1.193,5.899-3.899C53.9-46,82-46,82-46z M34-304h-2v40.59L8.59-240H0v2h9.41L34-262.59v-1.61V-304z M2-46h14V0
			h2v-48H0v46.17c0.001,0,0.002-0.001,0.003-0.001C1.565-2.382,3.279-1.562,3.83,0H5.9C5.499-1.964,3.964-3.499,2-3.9V-46z M34-64H0
			v2h32V0h2v-63V-64z M18-286v-18h-2v16H0v2h17H18z M290-304h-2v18h16v-2h-14V-304z M258-16h-18V0h2v-14h14V0h2v-15V-16z M0-209.83
			c0.644-0.227,1.347-0.227,1.991,0c1.563,0.55,2.384,2.263,1.834,3.826c-0.55,1.563-2.263,2.384-3.826,1.834v2.07
			c0.329,0.067,0.665,0.101,1.001,0.101C3.762-202,6.001-204.239,6-207c-0.001-0.321-0.034-0.642-0.097-0.957
			C5.362-210.676,2.719-212.441,0-211.9V-209.83z M80,0h2v-32h-2V0z M113.995-3.905C111.289-4.455,108.65-2.706,108.1,0h2.07
			c0.302-0.858,0.977-1.533,1.834-1.834c1.563-0.55,3.276,0.272,3.826,1.834h2.07C117.5-1.968,115.963-3.505,113.995-3.905z
			 M3.83-304c0.23,0.649,0.23,1.356,0,2.005c-0.554,1.562-2.268,2.379-3.83,1.825v2.07c0.644,0.128,1.307,0.128,1.951,0
			c2.72-0.539,4.487-3.18,3.949-5.9H3.83z M300.1-303.998c-0.552,2.706,1.195,5.346,3.9,5.898v-2.07
			c-0.001,0-0.002-0.001-0.003-0.001c-1.562-0.553-2.38-2.267-1.827-3.829h-2.07C300.1-303.999,300.1-303.999,300.1-303.998z
			 M300.1,0h2.07c0.302-0.855,0.975-1.528,1.83-1.83V-3.9C302.036-3.499,300.501-1.964,300.1,0z M94-207c0-1.657,1.343-3,3-3
			s3,1.343,3,3s-1.343,3-3,3S94-205.343,94-207z M94-223c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S94-221.343,94-223z M110-207
			c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S110-205.343,110-207z M126-191c0-1.657,1.343-3,3-3c1.657,0,3,1.343,3,3
			s-1.343,3-3,3C127.343-188,126-189.343,126-191z M126-175c0-1.657,1.343-3,3-3c1.657,0,3,1.343,3,3s-1.343,3-3,3
			C127.343-172,126-173.343,126-175z M78-143c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S78-141.343,78-143z M94-127
			c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S94-125.343,94-127z M126-79c0-1.657,1.343-3,3-3c1.657,0,3,1.343,3,3s-1.343,3-3,3
			C127.343-76,126-77.343,126-79z M110-63c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S110-61.343,110-63z M142-79
			c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S142-77.343,142-79z M142-111c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3
			S142-109.343,142-111z M158-79c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S158-77.343,158-79z M190-63c0-1.657,1.343-3,3-3
			s3,1.343,3,3s-1.343,3-3,3S190-61.343,190-63z M190-79c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S190-77.343,190-79z M174-143
			c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S174-141.343,174-143z M190-143c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3
			S190-141.343,190-143z M206-47c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S206-45.343,206-47z M206-31c0-1.657,1.343-3,3-3
			s3,1.343,3,3s-1.343,3-3,3S206-29.343,206-31z M222-15c0-1.657,1.343-3,3-3l0,0c1.657,0,3,1.343,3,3s-1.343,3-3,3
			S222-13.343,222-15z M238-159c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S238-157.343,238-159z M238-127c0-1.657,1.343-3,3-3
			s3,1.343,3,3s-1.343,3-3,3S238-125.343,238-127z M254-159c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S254-157.343,254-159z
			 M270-175c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S270-173.343,270-175z M174-175c0-1.657,1.343-3,3-3s3,1.343,3,3
			s-1.343,3-3,3S174-173.343,174-175z M174-159c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S174-157.343,174-159z M190-191
			c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S190-189.343,190-191z M286-191c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3
			S286-189.343,286-191z M270-255c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S270-253.343,270-255z M286-271c0-1.657,1.343-3,3-3
			s3,1.343,3,3s-1.343,3-3,3S286-269.343,286-271z M254-271c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S254-269.343,254-271z
			 M254-287c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S254-285.343,254-287z M238-287c0-1.657,1.343-3,3-3s3,1.343,3,3
			s-1.343,3-3,3S238-285.343,238-287z M222-287c0-1.657,1.343-3,3-3l0,0c1.657,0,3,1.343,3,3s-1.343,3-3,3S222-285.343,222-287z
			 M206-287c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S206-285.343,206-287z M46-271c0-1.657,1.343-3,3-3s3,1.343,3,3
			s-1.343,3-3,3S46-269.343,46-271z M14-271c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S14-269.343,14-271z M46-255
			c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S46-253.343,46-255z M30-239c0-1.657,1.343-3,3-3c1.657,0,3,1.343,3,3s-1.343,3-3,3
			C31.343-236,30-237.343,30-239z M46-287c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S46-285.343,46-287z M46-47
			c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S46-45.343,46-47z M62-15c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3
			S62-13.343,62-15z M46-79c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S46-77.343,46-79z M46-63c0-1.657,1.343-3,3-3s3,1.343,3,3
			s-1.343,3-3,3S46-61.343,46-63z M30-95c0-1.657,1.343-3,3-3c1.657,0,3,1.343,3,3s-1.343,3-3,3C31.343-92,30-93.343,30-95z
			 M110-271c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S110-269.343,110-271z M126-271c0-1.657,1.343-3,3-3c1.657,0,3,1.343,3,3
			s-1.343,3-3,3C127.343-268,126-269.343,126-271z M110-287c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S110-285.343,110-287z
			 M142-239c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S142-237.343,142-239z M158-255c0-1.657,1.343-3,3-3s3,1.343,3,3
			s-1.343,3-3,3S158-253.343,158-255z M158-287c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S158-285.343,158-287z M270-111
			c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S270-109.343,270-111z M254-95c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3
			S254-93.343,254-95z M254-79c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S254-77.343,254-79z M254-63c0-1.657,1.343-3,3-3
			s3,1.343,3,3s-1.343,3-3,3S254-61.343,254-63z M14-127c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S14-125.343,14-127z M14-111
			c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S14-109.343,14-111z M14-143c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3
			S14-141.343,14-143z M30-143c0-1.657,1.343-3,3-3c1.657,0,3,1.343,3,3s-1.343,3-3,3C31.343-140,30-141.343,30-143z M14-223
			c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S14-221.343,14-223z M46-159c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3
			S46-157.343,46-159z M62-175c0-1.657,1.343-3,3-3s3,1.343,3,3s-1.343,3-3,3S62-173.343,62-175z"/>
	</g>
</pattern>
<rect fill="url(#New_Pattern)" width="1560" height="400"/>
</svg>
</body>
              
            
!

CSS

              
                body {
    margin: 0;
    padding: 0;
    background: linear-gradient(to right, #253944, #33658A, #253944);
}

svg {
  display: block;
  margin: auto;
  padding: 0;
  height: 400px;
  width: 50%
}

       
              
            
!

JS

              
                
              
            
!
999px

Console