*,*:before,*:after{ box-sizing:border-box; text-decoration:none; margin:0;padding:0;position:relative;z-index:1;color:white; }
h1 { font:100 3em/1.5 'Lato', sans-serif; text-transform:uppercase; margin-top:1em;}
p  { font:300 1.05em/1.5 'Lato', sans-serif; margin-bottom:1.1em; }
body {background:#000;}
article { padding:3em; max-width:1000px; margin:0 auto; }
a  { color:#40c7f7; }

.shape1 { 
  display:block; 
  width:100%; 
  float:right; 
  shape-margin: 1em;
  z-index:0;
shape-outside: polygon(29.95% 66.4%, 33.05% 61.1%, 37.85% 56.65%, 45.65% 51.75%, 50.75% 50.5%, 56.2% 50%, 65.2% 53.2%, 56.35% 46.9%, 58.5% 44%, 62.4% 46.35%, 66.55% 51.45%, 64.5% 39.5%, 66.9% 29.05%, 72.45% 17.2%, 80.05% 11.85%, 85.95% 10.6%, 89.4% 14%, 90.2% 25.3%, 92.35% 33.2%, 93.6% 39.3%, 93.85% 48.65%, 90.1% 55.4%, 84.3% 58.4%, 81.95% 62.05%, 78.6% 64.85%, 78.55% 69.1%, 73.65% 67.1%, 75.25% 73.25%, 72.05% 82.05%, 67.2% 86.1%, 61.2% 87.65%, 51.25% 84.95%, 47.95% 80.3%, 44.15% 79.9%, 39.1% 76.25%, 31.6% 74.6%, 29.95% 71.05%);  
}
.shape2 {
  width:100%;
  float:left;
  transform:scale(-1,1);
  shape-margin: 1em;  
  z-index:0;
  shape-outside: polygon(6.25% 53.45%, 5.3% 45.1%, 5.9% 34.7%, 9.2% 21.2%, 9.5% 11.65%, 20.1% 9.75%, 30.55% 19.35%, 35.2% 28.25%, 37.7% 41.15%, 46.9% 48.45%, 58.1% 54.45%, 67.15% 60.9%, 71.5% 71.95%, 65.9% 78.8%, 57.3% 84.6%, 46.25% 89.6%, 33.8% 90%, 26.8% 85.25%, 23.5% 74.2%, 19.3% 66.1%, 9.8% 59.05%);  
}