/* Hatched 'made by' logo 

.css version

Usage: 
- Add following in footer or suitable location
    <div class="hatched" onclick="window.location='//hatched.agency'"></div>
- Parent element needs to be position:relative
- If on dark background add .light class
*/

.hatched {
  font-size: 0.7rem;
  display: block;
  position: absolute;
  bottom: 0;
  right: 5px;
  width: 150px;
  height: 15px;
  cursor: pointer;
}

.hatched.light {
  color: #fff;
}

.hatched.light::after {
  filter: brightness(10);
}

.hatched::after {
  content: '';
  width: 150px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='750' height='175' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' version='1.1' xml:space='preserve'%3E%3Cg class='layer'%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='16b1735c-61f7-4eb1-aa97-6a32d27aa790' transform='matrix(1 0 0 1 540 540)'/%3E%3Cg id='svg_2' transform='matrix(1 0 0 1 718.26 547.88)'%3E%3Cpath d='m367.43,-327.71c-0.59,-1.4 -2.17,-2.11 -3.61,-1.61l-9.17,3.18c-1.51,0.52 -2.31,2.17 -1.78,3.68c1.29,3.72 1.85,7.83 1.68,12.21c-0.18,4.35 -1.24,8.57 -3.17,12.54c-2.08,4.3 -4.87,7.91 -8.29,10.75c-3.47,2.88 -7.33,5.07 -11.49,6.52c-4.11,1.44 -8.47,2.05 -12.97,1.82c-4.45,-0.22 -8.79,-1.33 -12.88,-3.32c-4.19,-2.02 -7.81,-4.76 -10.76,-8.13c-2.95,-3.37 -5.14,-7.15 -6.51,-11.23c-1.38,-4.11 -1.98,-8.44 -1.77,-12.88c0.21,-4.42 1.38,-8.85 3.46,-13.16c3.25,-6.72 8.57,-12.83 14.13,-16.31l7.49,4.1l-5.37,9.12c-0.39,0.67 -0.5,1.46 -0.31,2.2c0.2,0.75 0.68,1.38 1.35,1.77l14.12,8.18l-6.43,10.65c-0.79,1.31 -0.43,3.01 0.83,3.88l2.39,1.65c1.17,0.81 2.77,0.64 3.75,-0.4l15.6,-16.67c0.62,-0.67 0.9,-1.59 0.74,-2.49c-0.16,-0.9 -0.73,-1.67 -1.55,-2.08l-13.76,-6.91l8.2,-12.18c0.46,-0.69 0.61,-1.55 0.4,-2.35c-0.21,-0.8 -0.76,-1.48 -1.5,-1.85l-24.25,-12.15c-0.17,-0.15 -0.36,-0.28 -0.56,-0.39c-0.71,-0.37 -1.54,-0.43 -2.3,-0.17l-1.28,0.44c0,0 -0.07,0.02 -0.1,0.04c-2.4,0.93 -4.96,2.23 -7.63,3.86c-2.61,1.61 -5.29,3.54 -7.96,5.75c-0.07,0.06 -0.14,0.12 -0.2,0.18c-1.95,1.94 -3.96,4.18 -5.96,6.65c-2.06,2.54 -3.91,5.49 -5.49,8.76c-3.05,6.31 -4.63,12.95 -4.7,19.74c-0.07,6.71 1.04,13.2 3.3,19.28c2.26,6.07 5.6,11.67 9.92,16.65c4.35,5.02 9.51,8.99 15.32,11.81c6.06,2.93 12.51,4.5 19.17,4.66c0.44,0 0.87,0.02 1.31,0.02c6.13,0 12.13,-1.03 17.83,-3.06c6.09,-2.17 11.74,-5.4 16.82,-9.61c5.13,-4.26 9.2,-9.43 12.07,-15.38c1.31,-2.71 2.35,-5.73 3.09,-8.96c0.73,-3.17 1.2,-6.49 1.42,-9.86c0.22,-3.38 0.13,-6.71 -0.28,-9.9c-0.42,-3.24 -1.21,-6.27 -2.37,-9' fill='rgb(35,31,32)' fill-rule='nonzero' id='svg_3' stroke-dashoffset='0' stroke-miterlimit='4' stroke-width='0' transform='translate(-510 -126.1)'/%3E%3C/g%3E%3Cg id='svg_4' transform='matrix(1 0 0 1 367.06 547.56)'%3E%3Cpath d='m3.44,-345.95c-4.46,-4.46 -9.74,-8.04 -15.69,-10.63c-6,-2.61 -12.4,-3.93 -19.03,-3.93c-7.02,0 -13.63,1.39 -19.65,4.14c-5.96,2.72 -11.18,6.43 -15.53,11.05c-4.33,4.58 -7.76,9.88 -10.21,15.75c-2.47,5.92 -3.72,12.1 -3.72,18.35c0,6.76 1.32,13.21 3.93,19.14c2.58,5.86 6.11,11.1 10.51,15.56c4.41,4.48 9.67,8.07 15.63,10.66c5.99,2.6 12.4,3.93 19.04,3.93c2.32,0 4.65,-0.17 6.94,-0.49c2.28,-0.33 4.56,-0.82 6.77,-1.47l2.25,-0.66c0.79,-0.23 1.44,-0.79 1.79,-1.52c0.35,-0.74 0.38,-1.6 0.07,-2.35l-4.34,-10.56c-0.54,-1.31 -1.95,-2.04 -3.32,-1.72l-1.68,0.39c-1.42,0.33 -2.87,0.6 -4.32,0.81c-1.33,0.2 -2.73,0.3 -4.16,0.3c-4.38,0 -8.53,-0.85 -12.32,-2.52c-3.86,-1.7 -7.27,-4.01 -10.13,-6.88c-2.86,-2.86 -5.17,-6.28 -6.86,-10.2c-1.67,-3.86 -2.52,-8.04 -2.52,-12.43c0,-4.39 0.84,-8.52 2.51,-12.32c1.7,-3.87 4.03,-7.32 6.91,-10.25c2.86,-2.91 6.26,-5.24 10.1,-6.93c3.79,-1.67 7.94,-2.52 12.32,-2.52c4.38,0 8.56,0.85 12.42,2.52c3.9,1.69 7.32,4.02 10.17,6.93c2.87,2.93 5.2,6.4 6.9,10.32c1.67,3.86 2.52,7.98 2.52,12.25l0,46.04c0,1.6 1.29,2.9 2.89,2.9l11.48,0c1.6,0 2.89,-1.3 2.89,-2.9l0,-46.04c0,-6.63 -1.32,-13.04 -3.93,-19.04c-2.59,-5.95 -6.17,-11.23 -10.63,-15.69' fill='rgb(35,31,32)' fill-rule='nonzero' id='svg_5' stroke-dashoffset='0' stroke-miterlimit='4' stroke-width='0' transform='translate(-158.8 -125.78)'/%3E%3C/g%3E%3Cg id='svg_6' transform='matrix(1 0 0 1 449.79 525.46)'%3E%3Cpath d='m75.67,-279.24l-1.86,0c-4.39,0 -8.57,-0.85 -12.42,-2.52c-3.91,-1.7 -7.34,-4.01 -10.2,-6.87c-2.86,-2.85 -5.17,-6.28 -6.87,-10.2c-1.67,-3.85 -2.52,-8.03 -2.52,-12.42l0,-31.49l33.87,0c1.6,0 2.89,-1.29 2.89,-2.89l0,-11.48c0,-1.6 -1.29,-2.89 -2.89,-2.89l-33.87,0l0,-41.8c0,-1.17 -0.7,-2.22 -1.78,-2.67c-1.08,-0.45 -2.33,-0.2 -3.15,0.63l-11.48,11.48c-0.54,0.54 -0.85,1.28 -0.85,2.04l0,78.94c-0.25,6.69 0.98,13.15 3.68,19.2c2.64,5.93 6.27,11.22 10.79,15.74c4.52,4.52 9.81,8.15 15.74,10.79c5.52,2.47 11.4,3.71 17.47,3.71c0.59,0 1.19,-0.01 1.79,-0.04l1.78,-0.07c1.55,-0.06 2.78,-1.34 2.78,-2.89l0,-11.41c0,-1.6 -1.29,-2.89 -2.89,-2.89' fill='rgb(35,31,32)' fill-rule='nonzero' id='svg_7' stroke-dashoffset='0' stroke-miterlimit='4' stroke-width='0' transform='translate(-241.54 -103.68)'/%3E%3C/g%3E%3Cg id='svg_8' transform='matrix(1 0 0 1 515.53 547.55)'%3E%3Cpath d='m159.22,-282.35l-9.34,-6.74c-1.12,-0.81 -2.65,-0.71 -3.66,0.23l-1.11,1.04c-2.87,2.66 -6.2,4.8 -9.91,6.34c-3.64,1.51 -7.66,2.28 -11.96,2.28c-4.3,0 -8.53,-0.85 -12.32,-2.52c-3.86,-1.7 -7.27,-4.01 -10.13,-6.88c-2.86,-2.86 -5.17,-6.29 -6.86,-10.2c-1.68,-3.85 -2.52,-8.03 -2.52,-12.42c0,-4.39 0.85,-8.52 2.52,-12.32c1.7,-3.87 4.03,-7.32 6.9,-10.25c2.86,-2.91 6.26,-5.24 10.1,-6.93c3.79,-1.67 7.94,-2.51 12.32,-2.51c4.38,0 8.7,0.85 12.49,2.51c3.85,1.69 7.32,4.07 10.31,7.05l1.36,1.35c0.55,0.55 1.32,0.88 2.09,0.85c0.78,-0.01 1.53,-0.34 2.06,-0.91l7.84,-8.36c1.07,-1.14 1.04,-2.92 -0.07,-4.03l-1.27,-1.27c-4.55,-4.54 -9.87,-8.12 -15.82,-10.65c-5.99,-2.53 -12.38,-3.82 -19,-3.82c-6.62,0 -13.04,1.32 -19.04,3.93c-5.96,2.6 -11.22,6.18 -15.63,10.65c-4.4,4.46 -7.94,9.73 -10.52,15.67c-2.61,5.99 -3.93,12.4 -3.93,19.04c0,6.64 1.32,13.21 3.93,19.14c2.58,5.86 6.11,11.1 10.51,15.56c4.41,4.48 9.67,8.07 15.63,10.65c5.99,2.61 12.4,3.93 19.04,3.93c6.64,0 12.99,-1.25 18.96,-3.72c5.99,-2.47 11.34,-6.11 15.91,-10.8l1.5,-1.54c0.59,-0.6 0.88,-1.43 0.81,-2.27c-0.07,-0.84 -0.51,-1.6 -1.19,-2.09' fill='rgb(35,31,32)' fill-rule='nonzero' id='svg_9' stroke-dashoffset='0' stroke-miterlimit='4' stroke-width='0' transform='translate(-307.27 -125.77)'/%3E%3C/g%3E%3Cg id='svg_10' transform='matrix(1 0 0 1 613.7 525.53)'%3E%3Cpath d='m264.72,-310.87c-0.26,-6.7 -1.7,-13.07 -4.28,-18.96l0,0c-2.58,-5.86 -6.05,-11.06 -10.31,-15.45c-4.29,-4.42 -9.39,-7.97 -15.16,-10.57c-5.81,-2.61 -12.12,-4 -18.82,-4.12l-1.31,0c-8.16,0.13 -15.88,2.14 -22.95,5.96c-3,1.63 -5.77,3.51 -8.28,5.62l0,-53.27c0,-1.18 -0.71,-2.23 -1.8,-2.68c-1.09,-0.45 -2.34,-0.19 -3.16,0.65l-11.66,11.92c-0.53,0.54 -0.83,1.26 -0.83,2.02l0,124.91c0,1.6 1.3,2.89 2.89,2.89l11.48,0c0.77,0 1.5,-0.3 2.04,-0.85c0.54,-0.54 0.85,-1.28 0.85,-2.05l0,-46.46c0.1,-4.3 1.01,-8.46 2.7,-12.36c1.7,-3.92 4.02,-7.4 6.9,-10.32c2.86,-2.91 6.25,-5.24 10.1,-6.93c3.79,-1.67 7.88,-2.51 12.14,-2.51l0.53,0c4.36,0 8.49,0.87 12.27,2.58c3.85,1.75 7.26,4.13 10.12,7.1c2.87,2.98 5.16,6.5 6.81,10.45c1.64,3.94 2.46,8.18 2.46,12.59l0,45.86c0,1.6 1.3,2.89 2.89,2.89l11.48,0c0.77,0 1.5,-0.3 2.04,-0.85c0.54,-0.54 0.85,-1.28 0.85,-2.05l0,-45.93c0,0 0,-0.08 0,-0.11' fill='rgb(35,31,32)' fill-rule='nonzero' id='svg_11' stroke-dashoffset='0' stroke-miterlimit='4' stroke-width='0' transform='translate(-405.44 -103.75)'/%3E%3C/g%3E%3Cg id='svg_12' transform='matrix(1 0 0 1 822.54 525.34)'%3E%3Cpath d='m472.66,-392.12l-11.67,-11.93c-0.82,-0.84 -2.08,-1.1 -3.17,-0.66c-1.09,0.44 -1.8,1.51 -1.8,2.68l0.19,90.8c0,4.41 -0.83,8.65 -2.46,12.58c-1.65,3.97 -3.94,7.48 -6.8,10.45c-2.86,2.96 -6.29,5.35 -10.19,7.1c-3.84,1.72 -8.01,2.59 -12.38,2.59c-4.37,0 -8.54,-0.87 -12.38,-2.59c-3.92,-1.75 -7.38,-4.15 -10.31,-7.12c-2.92,-2.97 -5.27,-6.5 -6.98,-10.48c-1.68,-3.92 -2.53,-8.13 -2.53,-12.53c0,-4.4 0.84,-8.53 2.52,-12.32c1.69,-3.86 4.04,-7.3 6.96,-10.22c2.92,-2.92 6.36,-5.27 10.22,-6.97c3.79,-1.67 7.94,-2.51 12.32,-2.51c1.4,0 2.8,0.1 4.16,0.3c1.48,0.22 6.03,1.21 6.03,1.21c1.5,0.35 3.01,-0.54 3.43,-2.02l3.99,-10.1c0.39,-0.77 0.41,-1.67 0.07,-2.45c-0.34,-0.79 -1.02,-1.38 -1.84,-1.62c0,0 -6.62,-1.77 -8.9,-2.1c-2.29,-0.32 -4.62,-0.49 -6.94,-0.49c-6.63,0 -13.04,1.32 -19.04,3.93c-5.95,2.59 -11.21,6.17 -15.62,10.65c-4.4,4.47 -7.94,9.73 -10.52,15.67c-2.61,5.99 -3.93,12.39 -3.93,19.04c0,6.65 1.33,13.21 3.94,19.14c2.58,5.87 6.11,11.1 10.51,15.56c4.41,4.48 9.67,8.07 15.62,10.65c5.99,2.61 12.4,3.93 19.04,3.93c6.64,0 13.05,-1.32 19.03,-3.93c5.93,-2.58 11.23,-6.15 15.76,-10.6c4.53,-4.47 8.15,-9.73 10.73,-15.61c2.62,-5.97 3.89,-12.43 3.76,-19.14l0,-78.86c0,-0.76 -0.3,-1.48 -0.82,-2.02' fill='rgb(35,31,32)' fill-rule='nonzero' id='svg_13' stroke-dashoffset='0' stroke-miterlimit='4' stroke-width='0' transform='translate(-614.29 -103.56)'/%3E%3C/g%3E%3Cg id='svg_14' transform='matrix(1 0 0 1 259.76 522.49)'%3E%3Cpath d='m-88.59,-410.35c-0.99,-0.49 -2.17,-0.37 -3.04,0.31l-11.87,9.19c-0.71,0.55 -1.12,1.39 -1.12,2.29l0,53.45l-67.73,0l0,-62.64c0,-1.11 -0.63,-2.11 -1.62,-2.6c-0.99,-0.49 -2.17,-0.37 -3.05,0.31l-11.86,9.19c-0.71,0.55 -1.12,1.39 -1.12,2.29l0,133.73c0,1.6 1.3,2.9 2.89,2.9l11.87,0c1.6,0 2.89,-1.3 2.89,-2.9l0,-62.63l67.72,0l0,62.63c0,1.6 1.29,2.9 2.89,2.9l11.87,0c1.6,0 2.89,-1.3 2.89,-2.9l0,-142.92c0,-1.11 -0.63,-2.11 -1.62,-2.6' fill='rgb(35,31,32)' fill-rule='nonzero' id='svg_15' stroke-dashoffset='0' stroke-miterlimit='4' stroke-width='0' transform='translate(-51.51 -100.71)'/%3E%3C/g%3E%3Cg id='svg_18' transform='matrix(1 0 0 1 811.92 483.28)'%3E%3Cpolygon fill='rgb(35,31,32)' fill-rule='nonzero' id='svg_19' points='-183.9499969482422,-445.239990234375 -183.9499969482422,-442.57000732421875 -188.33999633789062,-442.57000732421875 -188.33999633789062,-428.75 -191.64999389648438,-428.75 -191.64999389648438,-442.57000732421875 -196.0500030517578,-442.57000732421875 -196.0500030517578,-445.239990234375 -183.9499969482422,-445.239990234375 ' stroke-dashoffset='0' stroke-miterlimit='4' stroke-width='0'/%3E%3C/g%3E%3Cg id='svg_20' transform='matrix(1 0 0 1 828.77 483.28)'%3E%3Cpolygon fill='rgb(35,31,32)' fill-rule='nonzero' id='svg_21' points='-181.00999450683594,-445.239990234375 -181.00999450683594,-428.75 -184.32000732421875,-428.75 -184.32000732421875,-439.4800109863281 -188.74000549316406,-428.75 -191.24000549316406,-428.75 -195.67999267578125,-439.4800109863281 -195.67999267578125,-428.75 -198.99000549316406,-428.75 -198.99000549316406,-445.239990234375 -195.24000549316406,-445.239990234375 -189.99000549316406,-432.9800109863281 -184.75,-445.239990234375 -181.00999450683594,-445.239990234375 ' stroke-dashoffset='0' stroke-miterlimit='4' stroke-width='0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  position: absolute;
  left: 0;
  top: -13px;
  z-index: 999;
  background-position-x: 65px;
  background-repeat: no-repeat;
  filter: brightness(0);
}

.hatched::before {
  content: '';
  position: absolute;
  right: 8px;
  top: -12px;
  z-index: 1000;
  width: 13px;
  height: 13px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAxCAYAAACs0jsDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMDI0IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNDNENDQ2RjFGNTMxMUVGQjUzMEZCRTY0MzZDQTUxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNDNENDQ3MDFGNTMxMUVGQjUzMEZCRTY0MzZDQTUxMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE0M0Q0NDZEMUY1MzExRUZCNTMwRkJFNjQzNkNBNTEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE0M0Q0NDZFMUY1MzExRUZCNTMwRkJFNjQzNkNBNTEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+L23T3AAABPJJREFUeNpi/P//P8NQAEyDwRFhoXqKtjYarPjUMNIiRIMCdWWlJNnkpaXZFYHG/3v27OfDp89+PVy/4fJjkLyDvSa7qQmPg4kxr52eHo/pz5//fhoYb/Gli0Pj4w10gwNEknR1eEygQjZoSo6AiK9f/37l5mbmRpI/snjJi8l1jSdW0dyhm9a79EMdaEOq3p+//u3V0N7kQvM0um61Sxe5jgSB3Xver6d5ZqqtNg80NOCxJNeRIHD9xtdzNHdoWIhYCjGOXLr8JcP0mU8ZPn76gyEXFSGeTVOH+vrqSPDwMPMRUvfvHwPDgkWvGNZteMewb/97DHlpKXb5/l6bNJo5VFiIRZSY0GQC2lBcKMVgYc4LxPzYlNgE+InEgkoNfOawkOtQFhZGVmLVergJgzEeYFOYJ9MGiiiqh+iHD3/ewspGagB+PhaB2TPtSqnu0DVrLz+kcqVm4+wo5OfjrSNK9Vx/6/a3y9R0KSMjg01ivHgp1R26Y+e7VdSMfhAwMuS19PDQEqSqQydMOnPgw4ffb6ncprHx8xGOpXoVumf/+03Ubn3Z2Qh4Ud2h1659O0dth4JaVyHBuvJUdeiPn/+/0aAtbaOny21OVYdqqHEa0KLVr6TIqUE1hwb460qFhYIbJlQHkhJsslRxaEGeiUN7q+ICDnYmV1o4lJObmYfsut7NVYvPwV7A18mB3y8/V0aKknYoIfDn17/fWB3q4qzFw8LKwCosxCohJMgiKizMIiokxCYG4oPYIiKsEjOnqYnS0nGIpuF/hhcvfz3G6tCcLKlGfT0eM3o4hBD4+5eB4eGjX3exptGA4D3Fu/eC+y9HBt6h/xkePf5xB2caTcs42OfqojXH0ID7I7DDxmBqysvAzkb/MQpgq2z306c/7+N0qIODJntosHCCkgIngzwQD4Qj4b3b9Zcf4yyeDhy4/lNdlVtXQ4P7CCfHwDny5SvUjIS1HHXx2Jm6YNHzCXfvfmf4/fvfQLjzyL59H7YQ1Wf69Onvh1NnPjM8fPKDQVmRk0FKko2BlZU+Ifzj57/vzW0n1hPl0MdPft7JTJc6AHScAwkWMLABPcNEmX+ObNj4erGmDpEtfFB/qLbhQer3H/92E2M6MIkcaGp9qP7s2c/FlLjyzdvfLyurjy8mqSuyctWlOzn5twMePvqxEE/ZeuTtu9/ry6vuxy1ffvHWu/fkt/aBZeeh/klPq8jq1+/bdx3U1kzIzTGxc3MRCNbW4jECdsDAAOio11u3vV1R13Bi1foN8M4ZuVXmoc1b3i5dtuzCLZwdP1KHHd3ctPl27br6CZvcscNey4HNswhSHXn5ypczAcF7i6k6pIPLkSAgLsYmRWINxPD42a/7hBxJlRY+olFjbAPM8SSZ9+XL320trQ9ziFFLNYd6ewlHkdLyAraQDrV1Psrfs+faF7o5NCZaX1NDnUuX+HTJcKij+2HhipUX7xCrh4UaDs1Kl64jNjRB0d3a8SifFEdSxaEzptkVuLsKyRBT61y6/OVMV8+T4qPHbpDciKBoVmTaFNs8T3fhUAKheeTz5z+f5s5/0T1x8pkDZA+gkevQzRtcJ+pocxvhceQR0JzSpi1vF1fVHFtKacyRFfW+PjoSVpZ8Z0A1kboa1x8WFkYWaCb5B2zQ3L9x89uFY8c/7F60+OJVHSoNTzCOTtqOOnSQA4AAAwBo3tqfggnE6wAAAABJRU5ErkJggg==);
  background-size: cover;
  offset-path: path(
    'M 0 1.457 C 6.275 -0.861 10.262 -8.372 11.931 -15.882 C 14.342 -27.379 4.977 -43.235 -8.56 -39.804 C -24.508 -33.592 -21.912 -20.982 -16.349 -15.975 C -7.726 -9.113 -3.553 -9.484 0.526 -13.935 C 4.699 -20.333 0.897 -28.399 -4.295 -31.181 C -14.216 -35.724 -26.548 -30.996 -27.197 -21.074 C -27.012 -13.193 -26.085 -12.08 -19.131 -4.57 C -12.64 1.086 -6.428 3.682 0.063 1.55'
  );
}

.hatched:hover::before {
  animation:
    move 3000ms infinite linear,
    flap 400ms infinite linear;
}

@keyframes flap {
  0% {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAxCAYAAACs0jsDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMDI0IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNDNENDQ2RjFGNTMxMUVGQjUzMEZCRTY0MzZDQTUxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNDNENDQ3MDFGNTMxMUVGQjUzMEZCRTY0MzZDQTUxMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE0M0Q0NDZEMUY1MzExRUZCNTMwRkJFNjQzNkNBNTEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE0M0Q0NDZFMUY1MzExRUZCNTMwRkJFNjQzNkNBNTEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+L23T3AAABPJJREFUeNpi/P//P8NQAEyDwRFhoXqKtjYarPjUMNIiRIMCdWWlJNnkpaXZFYHG/3v27OfDp89+PVy/4fJjkLyDvSa7qQmPg4kxr52eHo/pz5//fhoYb/Gli0Pj4w10gwNEknR1eEygQjZoSo6AiK9f/37l5mbmRpI/snjJi8l1jSdW0dyhm9a79EMdaEOq3p+//u3V0N7kQvM0um61Sxe5jgSB3Xver6d5ZqqtNg80NOCxJNeRIHD9xtdzNHdoWIhYCjGOXLr8JcP0mU8ZPn76gyEXFSGeTVOH+vrqSPDwMPMRUvfvHwPDgkWvGNZteMewb/97DHlpKXb5/l6bNJo5VFiIRZSY0GQC2lBcKMVgYc4LxPzYlNgE+InEgkoNfOawkOtQFhZGVmLVergJgzEeYFOYJ9MGiiiqh+iHD3/ewspGagB+PhaB2TPtSqnu0DVrLz+kcqVm4+wo5OfjrSNK9Vx/6/a3y9R0KSMjg01ivHgp1R26Y+e7VdSMfhAwMuS19PDQEqSqQydMOnPgw4ffb6ncprHx8xGOpXoVumf/+03Ubn3Z2Qh4Ud2h1659O0dth4JaVyHBuvJUdeiPn/+/0aAtbaOny21OVYdqqHEa0KLVr6TIqUE1hwb460qFhYIbJlQHkhJsslRxaEGeiUN7q+ICDnYmV1o4lJObmYfsut7NVYvPwV7A18mB3y8/V0aKknYoIfDn17/fWB3q4qzFw8LKwCosxCohJMgiKizMIiokxCYG4oPYIiKsEjOnqYnS0nGIpuF/hhcvfz3G6tCcLKlGfT0eM3o4hBD4+5eB4eGjX3exptGA4D3Fu/eC+y9HBt6h/xkePf5xB2caTcs42OfqojXH0ID7I7DDxmBqysvAzkb/MQpgq2z306c/7+N0qIODJntosHCCkgIngzwQD4Qj4b3b9Zcf4yyeDhy4/lNdlVtXQ4P7CCfHwDny5SvUjIS1HHXx2Jm6YNHzCXfvfmf4/fvfQLjzyL59H7YQ1Wf69Onvh1NnPjM8fPKDQVmRk0FKko2BlZU+Ifzj57/vzW0n1hPl0MdPft7JTJc6AHScAwkWMLABPcNEmX+ObNj4erGmDpEtfFB/qLbhQer3H/92E2M6MIkcaGp9qP7s2c/FlLjyzdvfLyurjy8mqSuyctWlOzn5twMePvqxEE/ZeuTtu9/ry6vuxy1ffvHWu/fkt/aBZeeh/klPq8jq1+/bdx3U1kzIzTGxc3MRCNbW4jECdsDAAOio11u3vV1R13Bi1foN8M4ZuVXmoc1b3i5dtuzCLZwdP1KHHd3ctPl27br6CZvcscNey4HNswhSHXn5ypczAcF7i6k6pIPLkSAgLsYmRWINxPD42a/7hBxJlRY+olFjbAPM8SSZ9+XL320trQ9ziFFLNYd6ewlHkdLyAraQDrV1Psrfs+faF7o5NCZaX1NDnUuX+HTJcKij+2HhipUX7xCrh4UaDs1Kl64jNjRB0d3a8SifFEdSxaEzptkVuLsKyRBT61y6/OVMV8+T4qPHbpDciKBoVmTaFNs8T3fhUAKheeTz5z+f5s5/0T1x8pkDZA+gkevQzRtcJ+pocxvhceQR0JzSpi1vF1fVHFtKacyRFfW+PjoSVpZ8Z0A1kboa1x8WFkYWaCb5B2zQ3L9x89uFY8c/7F60+OJVHSoNTzCOTtqOOnSQA4AAAwBo3tqfggnE6wAAAABJRU5ErkJggg==);
  }

  50% {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAxCAYAAACs0jsDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMDI0IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNDNENDQ3MzFGNTMxMUVGQjUzMEZCRTY0MzZDQTUxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNDNENDQ3NDFGNTMxMUVGQjUzMEZCRTY0MzZDQTUxMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE0M0Q0NDcxMUY1MzExRUZCNTMwRkJFNjQzNkNBNTEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE0M0Q0NDcyMUY1MzExRUZCNTMwRkJFNjQzNkNBNTEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+M6Z6MQAABFVJREFUeNpi/P//P8NQAEyDwRFhoXqKtjYarPjUMNIiRIMCdWWlJNnkpaXZFYHG/3v27OfDp89+PVy/4fJjkLyDvSa7qQmPg4kxr52eHo/pz5//fhoYb/Gli0Pj4w10gwNEknR1eEygQjZoSo6AiK9f/37l5mbmRpI/snjJi8l1jSdW0dyhm9a79EMdaEOq3p+//u3V0N7kQvM0um61Sxe5jgSB3Xver6d5ZqqtNg80NOCxJNeRIHD9xtdzNHdoWIhYCjGOXLr8JcP0mU8ZPn76gyEXFSGeTVOH+vrqSPDwMPMRUvfvHwPDgkWvGNZteMewb/97DHlpKXb5/l6bNJo5VFiIRZSY0GQC2lBcKMVgYc4LxPzYlNgE+InEgkoNfOawkOtQFhZGVmLVergJgzEeYFOYJ9MGiiiqh+iHD3/ewspGagB+PhaB2TPtSqnu0DVrLz+kcqVm4+wo5OfjrSNK9Vx/6/a3y9R0KSMjg01ivHgp1R26Y+e7ldSMfhAwMuS19PDQEqSqQydMOnPww4ffr6jcprHx8xGOpXoVumf/e1Co/qWmS+1sBLyo7tBr174dB1KgkpxqWQvUugoJ1pWnqkN//PwPKqbOA/F3aka/ni63OVUdqqHG+QtIbQRiUKP4H7VcqqTIqUFVh9Y3ngC1NLYDMagV9JVaDpWUYJOlRZ/pERDvA+Jn1ApVTm5mHqo7VFF1AyhUDwHxDVCypYaZf379+02rXuhDIL4ExJ8oNejfv/8ML17+ekwThwJD9SeQugDErymN/r/AUvnho193admvvwnEL0AxR5lD/zM8evzjDi0d+hyIQVXqb0oMAbbKdj99+vM+LR36BYjfAfEvinu36y8/pqVD/0AzE0VR//IVakaiukOBGeofNDQpaaQc2bfvwxaaOvT+7QBGUPsXltTIazv8+97cdmI9TR0K7BqDHMkBxMxIDiYpNDdsfL2YJkM6yODZs58gB4L6xKzk6H/z9vfLyurjtHfou/e/OYGUCBCzkVF2Huqf9LSKJkM6WDpnoL6OBKkhCqwyD23e8nbpsmUXbtHFoSIibApAShyaRol25OUrX84UlhyZRZMhHWxAXIxNB0gJEWsuaFzg8bNf9wOC9xbTbOwJHeRkGfMwMTGoApm8RFdjX/5ua2l9mEOMWqo51NtL2ApIBRCbPoEtpENtnY/y9+y59oVuDo2J1ufUUOdyAzLFiDETWN4e6uh+WLhi5cU7xNrBQg2HZqVL+wGpcGhhTzC6Wzse5ZPiSKo4dMY0Ow13VyFXaGjiq42OXLr85UxXz5Pio8dukNywpmhWZNoUWzlPd+E8IDMdiHlwOfDz5z+f5s5/0T1x8pkDZJfR5Dp08wZXRR1t7nhQhocWSeiheQQ0p7Rpy9vFVTXHllIac2RFva+PDpuVJZ80sCZiUVfjugQbfQZmkn+Pn/y8f+PmtwvHjn/YvWjxxas6BlSq9UYnbUcdOsgBQIABAAlpi3RaDllIAAAAAElFTkSuQmCC);
  }

  100% {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAxCAYAAACs0jsDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMDI0IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyM0IyMDU2NDFGNjAxMUVGQjUzMEZCRTY0MzZDQTUxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyM0IyMDU2NTFGNjAxMUVGQjUzMEZCRTY0MzZDQTUxMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE0M0Q0NDc1MUY1MzExRUZCNTMwRkJFNjQzNkNBNTEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE0M0Q0NDc2MUY1MzExRUZCNTMwRkJFNjQzNkNBNTEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RjxSbgAABOVJREFUeNpi/P//P8NQAEyDwRFhoXqKtjYarPjUMNIiRIMCdWWlJNnkpaXZFYHG/3v27OfDp89+PVy/4fJjkLyDvSa7qQmPg4kxr52eHo/pz5//fhoYb/Gli0Pj4w10gwNEknR1eEygQjZoSo6AiK9f/37l5mbmRpI/snjJi8l1jSdW0dyhm9a79EMdaEOq3p+//u3V0N7kQvM0um61Sxe5jgSB3Xver6d5ZqqtNg80NOCxJNeRIHD9xtdzNHdoWIhYCjGOXLr8JcP0mU8ZPn76gyEXFSGeTVOH+vrqSPDwMPMRUvfvHwPDgkWvGNZteMewb/97DHlpKXb5/l6bNJo5VFiIRZSY0GQC2lBcKMVgYc4LxPzYlNgE+InEgkoNfOawkOtQFhZGVmLVergJgzEeYFOYJ9MGiiiqh+iHD3/ewspGagB+PhaB2TPtSqnu0DVrLz+kcqVm4+wo5OfjrSNK9Vx/6/a3y9R0KSMjg01ivHgp1R26Y+e7VdSMfhAwMuS19PDQEqSqQydMOnPgw4ffb6ncprHx8xGOpXoVumf/+03Ubn3Z2Qh4Ud2h1659O0dth4JaVyHBuvJklaOuLloM4uKsDMpKHAxKilwM0tJsDJs2v2X48fP/t3fvfjPw87MwMDMzUi369XS5zYH0Q6qFqJYGp/GPH/8YODmp21lQUuTUoFrU//r9X9XeTsBTTo7j269f1C1UJSXYZMmtQnmAWA6INYAFvQY7O5NaeYksqImn9ucP9bsznNzMPGQ5tL5WfoKcLEfC37//menR4fvz699vsqL+0aOfEz99+nONiYmR5o789+8/w4uXvx6T5dDps55drqq933Tk6Adw042W4O9fYHZ/9Osu2ZnJ2Ynf3EAflHQYaezQ/wyPHv+4Q7ZDVZS4mAQEWH+CooaWAJhZdz99+vM+WQ5lZWViuPfgR9PZc58eM9FhfGXd+suPycr1+rpcDHfufPv9/sOf36xsTAzqqpwMoIxFi6Grl69+PdYit65//OQnw937P75ZmPFe0NflAbYdaeNIULNx374PWyhqlDADQ3DLtne9v37/e8eIpUihBvjx89/35rYT6ylyKBsbI8Pt29/Obtn6toaNnekVtFUOEr93/8EPcNeY0tDcsPH1Yqq08JmALSRgx276lm1v64DcY0DHnTx2/GPb3AUv1J89+7mYEle+efv7ZWX1ceo4FF4XczLNPHzko+ONm99s2NiY5mppcN1695781j6w7DzUP+lpFcX9emCvE2sDCsbwDwKP6pFbZR7avOXt0mXLLtyiydgTOhARYZMgx5GXr3w5U1hyZBbNBsnQgbgYmxSJNRDD42e/7gcE7y2m2dgTOsjJMrYB1lgkmffly99tLa0Pc4jKxNRyqLeXcBQDCeOkwBbSobbOR/l79lz7QjeHxkTra2qoc+kSny4ZDnV0PyxcsfLiHWL1sFDDoVnp0nXEhiYouls7HuWT4kiqOHTGNLsCd1chGWJqnUuXv5zp6nlSfPTYDZLrMIpmRaZNsc3zdBcOJRCaRz5//vNp7vwX3RMnnzlA9gAauQ7dvMF1oo42txEeRx4BzSlt2vJ2cVXNsaWUxhxZUe/royNhZcl3BtQgUVfj+sPCwsgCzST/gM3B+8Bq9cKx4x92L1p88aqOAXVKFcbRSdtRhw5yABBgAC9M3xO1f9Y6AAAAAElFTkSuQmCC);
  }
}

@keyframes move {
  0% {
    offset-distance: 0%;
    transform: scale(1);
  }

  50% {
    transform: scale(2);
  }

  100% {
    offset-distance: 100%;
    transform: scale(1);
  }
}