<div class="container">
  <nav>
    <p>
      <input type="checkbox" name="motiona11y" id="motiona11y" />
      <label for="motiona11y">If you have a vestibular disorder, check this to turn off some effects</label>
    </p>
  </nav>

<div class="initial">
<div id="zebra-ill" role="presentation">
  <img class="zebraimg" src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/zebraexport6.png' />
  <img class="zebraimg" src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/zebraexport4.png' />
  <svg class="zebraimg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 546.5 704.6"><defs><clipPath id="clip-path2" transform="translate(-687 -187.4)"><path class="cls-1" d="M978.1,368.6c1.4,3.3,1.7,8.2-3.9,11.8l-1.7-3.5c3.7-1.1,10-3.5,16.3,1.4-6.4-1.3-25.3,5.6-32.2,7.7C963.1,381,976.2,378.6,978.1,368.6ZM966.9,361c1.6,1.1,2.7.6-.9,5.1l.3-.4c-15.2,13.4-11,30.8,15.5,17.9-3.6-1.5-7.2-2.2-14.1.8l1.4-.3c-17.9.4,17.2-28.1-5.4-23.6A16.4,16.4,0,0,1,966.9,361ZM945,389c20.3,12.3.9,36.6-2.8,20.6-9.8,22.9,52.9-3.8-9-32.1C937.2,381.5,941.3,385.2,945,389Zm10.5-42.3c4.6,8.6-1.9,19-9.6,27,3.5,2.4,10.9,7.1,15.3,9.9l.8-5.4c-10.5.4-23.5,28.7-48.4,16.6,31.7,17.8,29.8-6.7,56.5-12.8-6.3-3.8-11.4-7.1-18.5-11.2l.7,4.2c7.3-8.9,16.1-27-3.3-35.3A20.6,20.6,0,0,1,955.5,346.7Zm-22.8,41.5c1.4.8,4.2,2.5,7.4,4.1,1-3.3,1.4-4.3,2.8-9.6l-2.3,2.2c1.2.2,15.7-1.6,20.2-2.4-3.3-3.5-26-19.8-26.2,1.6-1.8-3.5,5-6.1,11.2-6.7l-2-.4c2.3,1.9,1.1,1.1,7.5,6.1l1.4-5.4c-3.9,2.2-17.5-3.3-15.4,11.8l2.3-1.4a46.9,46.9,0,0,0-8.7-1.2Zm32.2,22.2c-3.9,5-9.1,8.2-15.7,13.6,8.2,1,22.6-7.1,19.4-19.7A30,30,0,0,1,964.9,410.4Zm-30.8,1.1c2.6,10-1.2,19.8-6.9,30.3,14.2-6.8,20.3-31,3.1-40.8A51.3,51.3,0,0,1,934.1,411.5Zm20.6-5.1c.1-.1-1.3,2.6-1.1,1.1s2.1-1.7,4-1c-.4-1.8.7-1.8-1.9-7.1.6,2.5-3.8,6.5-6.9,3.3.4-.2.3,1.1,6.7,2.3Zm1.4-5c1.2-5.1-8.3-10.5-9-.9C948.3,407.7,961.4,420.7,956.1,401.4Zm-.1-53c-11.8-1.5,2.4,18.6,2.8,2.5C957.8,355.7,959,352,956,348.4Zm98.9-95.2c1.1-.5,12.2,17.9,13,19-3.1-9.8-9.2-20.7-9.1-31.9-2.4,3-4,8.7-.7,16.4l3.4-1.9c-1.8-2.5-6.8-6.6-11.9-3.4A11.9,11.9,0,0,1,1054.9,253.2Zm-12.5,9.8c1.1-1.7.5-2.8,5.2.6l-.4-.2c14.1,14.5,31.3,9.6,17.2-16.4-1.4,3.7-1.9,7.4,1.4,14.1l-.4-1.4c1.2,17.9-28.8-16-23.3,6.4A14.8,14.8,0,0,1,1042.4,263Zm29,20.6c11.4-20.8,36.5-2.4,20.7,1.9,23.2,8.8-6.1-52.7-31.7,10.4C1064.2,291.7,1067.7,287.5,1071.4,283.6Zm-42.7-8.7c8.4-4.9,19,1.1,27.4,8.5,2.2-3.6,6.6-11.3,9.2-15.8l-5.5-.5c.9,10.4,29.7,22.2,18.8,47.6,16.4-32.4-8.1-29.5-15.3-55.8-3.5,6.4-6.6,11.7-10.4,18.9l4.2-.9c-9.3-6.9-27.7-14.9-35.2,4.8A21,21,0,0,1,1028.7,274.9Zm42.4,21c.8-1.4,2.3-4.3,3.8-7.5-3.3-.9-4.4-1.3-9.7-2.4l2.3,2.1c.1-1.1-2.3-15.6-3.3-20-3.3,3.5-18.7,26.8,2.7,26.1-3.4,2-6.3-4.7-7.2-10.9l-.3,2c1.8-2.4,1.1-1.1,5.8-7.8l-5.4-1.1c2.3,3.8-2.6,17.6,12.4,14.9l-1.5-2.3a50.1,50.1,0,0,0-.8,8.8Zm20.8-33.1c5.2,3.7,8.6,8.7,14.3,15.1.6-8.2-8.1-22.3-20.5-18.5A26.2,26.2,0,0,1,1091.9,262.8Zm2.4,30.7c9.8-3,19.9.3,30.5,5.6-7.4-13.8-31.7-18.9-40.8-1.3A47.1,47.1,0,0,1,1094.3,293.5Zm-5.9-20.3c-.2-.1,2.6,1.1,1.1,1s-1.8-2.1-1.2-3.9c-1.8.5-1.9-.6-7,2.1,2.5-.7,6.6,3.6,3.6,6.8-.2-.4,1.1-.4,2-6.8Zm-5.2-1.3c-5.1-.9-10.1,8.8-.4,9.1C1089.9,279.5,1102.3,265.8,1083.2,271.9Zm-52.8,2.4c-1.1,11.9,18.4-3.1,2.3-2.8C1037.6,272.2,1033.8,271.2,1030.4,274.3Zm76,13.9c60.8,4.7,71.1,81.2,4.2,95.5,90.7-3.6,55.9-114.8-9.4-95.6Zm51.5,119.4c-5.7-16.3-9.6-40.1-33-43.1l3.8,4.9c7.1-23.6-10.4-37.4-35.7-32.7l4,7.2c4.5-3.5,29.1-35,30.7-15.1,18.7-6-11.9-20-4.6-26.5-9.4,5,7.7,10.8,5.5,20.9.3-.3,2.3,1.3,3.4,1.9-3.1-27.3-42.3,12.7-50,22.1,53.7-10.5,33.3,17.5,42.8,25.2,11.6.8,21.8,13.4,26.6,25.4v-.2c1,3.4,3.7,8.1,8,13.5Zm-52.1-43.7c2.8,4.6,6.3,11.5,9.3,17.9,6.4,32.9,48.4,9.1,23.7,1.7,8.8,2.5-2.5,15.9-11.6,3.4l.4.6c-3.6-7.5-11.5-27-28.1-31.8A38.1,38.1,0,0,1,1105.8,363.9Zm23.5,37.2c11.4,9.4,11.2,25.4,5.8,39.9l.4-.8c-3.7,11.9-23.5.4-6.8-6.9-17.6-2.4-11.7,26.1,6.7,18.2,19.6-11.3,17.8-58.5-19.3-58.8A48,48,0,0,1,1129.3,401.1Zm-14,20.5c-2.9,9.4-19.9,28.2-23.8,42.2,7.6-2.1,38.9-33.5,23.1-45.1A3.5,3.5,0,0,1,1115.3,421.6Zm-4.7,32.9c2.6,5.1,5.6,10.1,2.4,18.5,11.7-4.2,7.2-21.8-5.7-25.3C1108.4,450.3,1109.6,452.4,1110.6,454.5Zm-14.2-153.3c1.5,9.3-2,20.7-2.4,33.1,3.8-8.7,13.5-29.9-.2-36.5C1095.4,298.4,1096,299.8,1096.4,301.2Zm10.8,31.6c8.7-6.9,15.6-28.7-3-30.5,10,10.1-3,24-7.3,36.8A28.6,28.6,0,0,0,1107.2,332.8Zm24.1,62.3c5.4,2.8,12.5-12.7-1.5-10.8C1130.5,385.7,1127.2,390.5,1131.3,395.1ZM1116.9,461c2.2,7.5,3.5,15.2,1,25.6,10.7-7.6,8.8-26.7-3.6-34.5C1115.2,455.3,1116.2,458.2,1116.9,461Zm3.6,6.2c4.1,12.1,14,22.5,13.4,37.8,14.2-12.8-5.2-43.8-18.4-51.4A91,91,0,0,0,1120.5,467.2Zm38.2-135.5c-16.6-23.5.4,29.6-9.1,36.1,16.9-.8,13.4-38,3.6-36.7.2-.3.6,0,6,4A18.6,18.6,0,0,0,1158.7,331.7Zm-5.2,15.2c5.8-8.3-13.7-18-6-.5C1149,348.9,1152.9,346,1153.5,346.9Zm-7.2-34.1c-1,14.8,14.9-10-22-22.9,3.4,11.1,5.9,6.1,15.6,22.4l-.5-2.3c-1.8,18.6,26.5,19,6-4.4C1145.6,308.1,1146,310.5,1146.3,312.8Zm-12.4-8.3c-10.5,10.2,17.5,14.2,6.5,2.6C1139.5,308,1138.3,302.3,1133.9,304.5Zm-39,3c-1.1,3.2-.2,4.5-7.2,16.6,7.3-2.5,13.8-13.6,8.2-22.8C1095.6,303.6,1095.3,305.6,1094.9,307.5Zm15.5-8.9c11.8-2.4,15.8-23.1,1-29.5,1.7,10.6,2,19.9-6.2,30A11.3,11.3,0,0,0,1110.4,298.6Zm6.1-32.4c10.3,1.4,20.7,4.4,25.9,16.6l-.2-1.3c0,2.7-.4,7-8.3,5.3,26.5,18.5,16.2-46.7-29.9-21.5C1108.4,265.5,1112.5,265.7,1116.5,266.2Zm18.2,8.8a23.1,23.1,0,0,0,1,4.2l3.9-6.2c-1.2,0-6.6-2.7-8.1-1.4.3,2.1-1.9,2.5,2.1-2.9C1134.1,271.2,1134.4,273.2,1134.7,275Zm-4.1-6.8c-17.7,4.6,5.9,16.6,16.8,12.6C1141.8,275.3,1141.6,270.2,1130.6,268.2Zm-35.2,33.1c-.2,2.1-3.8,4.9-11.4,18.9,5-3.1,18.6-13.3,11.3-21.8A3,3,0,0,1,1095.4,301.3Zm-2.9,3a111.1,111.1,0,0,1-9,7.8c4.2,1.4,13.6-2.3,12-10.9Zm16.2-47.3c6.2,3.1,16.9-.5,23.5-7.3-8.7.4-13.7,6-24.7,5.9C1107.6,256.2,1108.1,256.6,1108.7,257Zm6.1-.1c2.2-.5,8.4-1.1,8.7-8.7-3.4,2.5-7.9,4.6-13,7.8A7.5,7.5,0,0,0,1114.8,256.9Zm-4.3.4c.4.2,8.4-.6,9.4-10.3-4.2,1.5-6.1,6.4-11.5,9.2A2.7,2.7,0,0,0,1110.5,257.3Zm2.8-1.6c3.6.1,3.2-11.2-.4-5.4C1112.2,251.6,1108,257.4,1113.3,255.7Zm3.5,140.6c7.9,6.5,12.4,17.2,20.2,26.4-3-9.1-9.8-31.4-24.4-27.3A4.8,4.8,0,0,1,1116.8,396.3Zm3.1,5.7c1.3,3.1,2.8,3.5,5.5,17.2,3.9-6.7,1.4-19.3-8.9-22.5C1117.8,398.5,1118.9,400.3,1119.9,402Zm-3.7-5c1.2,1.7.3,6.2,3.9,21.7,1.6-4.9,5.2-22.3-5.9-23.8A3.2,3.2,0,0,1,1116.2,397Zm-.3,4.2c-.2,3.7-.3,3.7-1.6,11.8,4.1-1.7,8.7-10.8,1.8-16.1Zm28.6,33.5c7.8,6.6,12.4,17.3,20.1,26.4-2.9-9-9.7-31.3-24.3-27.2A4.5,4.5,0,0,1,1144.5,434.7Zm3,5.8c1.4,3.1,2.9,3.5,5.6,17.1,3.9-6.7,1.4-19.3-8.9-22.5A46.2,46.2,0,0,1,1147.5,440.5Zm-3.7-5.1c1.2,1.7.4,6.2,4,21.8,1.6-5,5.2-22.4-6-23.9A3,3,0,0,1,1143.8,435.4Zm-.2,4.2c-.3,3.8-.3,3.7-1.6,11.9,4.1-1.8,8.7-10.8,1.8-16.2Zm9.5-149c10.1,1.3,19.7,8,31.1,11.6-7.3-6.1-25-21.4-35.2-10.1A4.7,4.7,0,0,1,1153.1,290.6Zm5.6,3.2c2.8,1.9,4.3,1.5,13.8,11.6-.3-7.8-9.1-17.1-19.5-14.4C1155.1,292,1157,292.8,1158.7,293.8Zm-5.8-2.3c1.9.8,3.6,5.1,14.9,16.3-1.6-5.7-7.5-21.5-17.7-17A3.4,3.4,0,0,1,1152.9,291.5Zm2,3.7c1.8,3.3,1.7,3.3,5,10.9,2.5-3.7,1.6-13.8-7.1-14.6Zm-4.9,83.6c5.7,5.6,26-.8,34.9-8.7-11.1.6-23.8,11.8-36,6.4A3.6,3.6,0,0,0,1150,378.8Zm9.4-.1c5.6-.8,12.8-4.8,14.3-12.8-2.5,1.1-4.3,6.2-21,12A12.7,12.7,0,0,0,1159.4,378.7Zm-8.2.3c5.7,1.7,15.7-7.2,18.2-15.9-6.5,2.7-10.6,12.9-19.6,14.7A2.1,2.1,0,0,0,1151.2,379Zm5.9-2.6c1.7-1.4,6.9-4.6,4.2-12.3a125.4,125.4,0,0,1-8.8,13.4A9,9,0,0,0,1157.1,376.4Zm-16.2-22c3.5-25.2-24.7-40.7-47.1-13.4,22-6.8,38.5-12.6,44.8,17.3A7.1,7.1,0,0,0,1140.9,354.4ZM1040.3,499.3c59.7,27.7,47.9,124.9-42,107.2,101.7,37.9,115.1-98.3,36.3-109.7Zm-1.8,156.4c1.5-20,7.7-49.3-15.5-62.7l1.5,6c18.9-22.6,6.3-44.7-22.9-51.9l.8,8.2c8.4-2.5,49.6-24,42.1-1.4,22.5,1.1-4.8-27.4,7.2-30.8-12.7.6,4.1,18.4-4.1,26.1.3-.1,1.5,2.2,2.3,3.2,9.6-30.1-51.1-6.1-62.6-.2,62.4,14.6,26.3,36.7,32.4,48,12.6,6.7,17.7,25.8,16.9,41.7v-.3c-.3,1.3-.7,8.2,1.9,18.8Zm-35.4-73.6c1.1,6.4,1.7,15.9,2,24.4-7.1,41.7,46.9,30,24.3,13.4,9.7,7.6-11.8,16.9-15.3-1.8v.8c-.2-14.8-.6-36.1-14.3-48.7A47,47,0,0,1,1003.1,582.1Zm7.7,52.3c8.5,16.1.1,34.3-12.9,47.5l.7-.6c-10.9,11.9-27.5-12.1-4.6-11.6-19.6-10.6-24,26,.7,22.2,30.9-9.3,38.6-58.4,5.2-72.9A57,57,0,0,1,1010.8,634.4Zm-25,14.3c-8.8,14-35.9,23.1-47.6,36.4,16.7-1.6,57.3-20.9,47.4-38.3A3.2,3.2,0,0,1,985.8,648.7Zm-21.6,35.4c.7,7.1,1.1,15-6.9,21.5,14.7.5,17.3-21,6.1-30.5C963.6,678.3,964,681.2,964.2,684.1Zm58.9-177.9c1.5,7.8-12.3,25.2-19,37.9,6.4-6.4,29-26,17.6-40.3A4.6,4.6,0,0,1,1023.1,506.2Zm-10.9,44c14.3-1.6,39.7-22.2,18.7-36.4,7.4,16.9-14.5,25.9-25.9,36.9A28.8,28.8,0,0,0,1012.2,550.2Zm2.3,77.4c5.6,7.7,18.4-6.4,4.5-11.2C1017.4,621.9,1015.9,621.5,1014.5,627.6ZM968,694.5c-1.1,9.7-4,19.4-11.9,28.6,15.1-3.8,21.5-24.8,12.9-39.7C968.7,687.3,968.4,690.9,968,694.5Zm1,8.4c-.9,14.8,4.8,32.9-4.3,48.1,21.7-8.7,13.5-51.8,4.8-65.4A168.2,168.2,0,0,0,969,702.9Zm107.2-130.2c-6.4-32.5-12.9,34.8-27.3,35.3,22.8,5.3,29.1-39.8,22.8-38.4a49.9,49.9,0,0,1,3.7,7.2A19.8,19.8,0,0,0,1076.2,572.7Zm-12.9,14.2c.4,2,8.2-16.8-2.7-12.7C1055.9,577.4,1055.3,585.4,1063.3,586.9Zm9.1-40.9c-7.8,16.3,17.8-4.1-13.3-35.9-.1,5.9-.2,11.1,5.1,18.4-.1,3.7,1.5,8.1,2,13.7l.5-2.2c-10.4,18,17.3,32.3,7.9-2.4C1073.8,540.5,1073.1,543.3,1072.4,546Zm-8-15.2c-9.5.3-6.4,18.9,6.3,11.1C1067.1,537.9,1068.2,533.9,1064.4,530.8Zm-46-15.6c-3.7,5.5-8.7,9.8-16.2,14.5,9.2.3,21.1-8.3,20.2-21A65.9,65.9,0,0,1,1018.4,515.2Zm21.1-2.8c14.6,2,26.9-17.3,15.5-31.4-1.9,11.5-6.9,24.6-21.3,29.8A13.3,13.3,0,0,0,1039.5,512.4Zm22.8-32.7c11.1,5.9,21.9,16.3,20.8,31.5.6-3.4-1.4,8.7-12,.1,20.5,31.5,38.4-41.4-22.3-38.1C1053.5,475.3,1058.1,477.3,1062.3,479.7Zm17,19.6a52.9,52.9,0,0,0,.3,6.2l5.8-4.6c-3.1-.9-9.8-9.8-12.8-6,.6-1.3,3.3-1.9,7.1-3.6C1079.5,494.4,1079.4,497,1079.3,499.3Zm-3.2-9.8c-25-2.3,3.5,21.3,15,22.3C1086.9,504.1,1085.8,493.7,1076.1,489.5ZM1022,508.6c-5.4,5.4-14.4,8.8-22,15.1,7.2-1.4,26.3-6.1,23.1-18.4A4,4,0,0,1,1022,508.6Zm-4.7,2c-4.1,1.6-3.6,1.8-13.9,3.9,4.7,3.8,15.8,2.8,18.5-6.1Zm40.7-44.4c4.4,5.5,18.6,7.4,29.4,3.5-8.8-3.1-20.5.2-30-5.6A3.1,3.1,0,0,0,1058,466.2Zm6.8,2.7c1.9,0,8.4,3.4,13.8-5-4.3,1.2-8.7,1.7-18.2,2.2A10.4,10.4,0,0,0,1064.8,468.9Zm-5-1.6c1.3.7,9.2,2.6,15.4-6.5-5.1-.2-8.6,4.3-17.2,4.5A3.2,3.2,0,0,0,1059.8,467.3Zm3.8-.5c2.1-.1,7-2.4,4.9-7.6-2.2,2-4.7,3.6-8.2,6.6A4.5,4.5,0,0,0,1063.6,466.8ZM997.3,621.2c6.3,4.8,7.5,26.9,10.9,40.9.5-9,4.5-38.6-13.5-41.8A4.5,4.5,0,0,1,997.3,621.2Zm2.5,9.8c.8,6.6,0,13.1-2.6,21.6,7.1-5.8,10.4-20.2,1.3-29A72.1,72.1,0,0,1,999.8,631Zm-1.7-7.3c-.5,7.6-5,16.2-6.5,25.8,4.5-5.7,15.7-21.9,5.1-29A3.5,3.5,0,0,1,998.1,623.7Zm-2.2,4.6c-2,3.9-1.5,3.7-7.8,12.2-.9.3,14.2-1.8,9.8-16.9C997.2,625.3,996.6,626.9,995.9,628.3Zm13.1,48.6c6.2,4.8,7.5,27,10.9,40.9.5-9,4.5-38.6-13.5-41.8A4.8,4.8,0,0,1,1009,676.9Zm2.5,9.8c.7,6.6-.1,13.1-2.6,21.6,7.1-5.8,10.3-20.2,1.2-29A73.4,73.4,0,0,1,1011.5,686.7Zm-1.8-7.3c-.4,7.7-4.9,16.2-6.5,25.9,4.5-5.8,15.7-22,5.2-29.1A3.6,3.6,0,0,1,1009.7,679.4Zm-2.2,4.6c-2,3.9-1.5,3.7-7.8,12.2-.8.3,14.2-1.8,9.9-16.9C1008.8,681.1,1008.2,682.6,1007.5,684Zm80.4-160c7.8.7,20.7,18.8,31,28.8-4.4-7.9-16.8-35.1-33.7-28.3A4.2,4.2,0,0,1,1087.9,524Zm7.3,6.9c4.2,5.2,6.9,11.1,9.3,19.7,2.9-8.7-2-22.6-14.4-25.3A64.7,64.7,0,0,1,1095.2,530.9Zm-5.4-5.3c3.7,6.8,4.5,16.4,8.3,25.4.7-7.3,1.6-27-11.1-27.3A3.6,3.6,0,0,1,1089.8,525.6Zm.6,5.2c.4,4.3.7,3.8-.1,14.4,4.9-3.5,7.1-14.5-.6-19.5C1090,527.5,1090.2,529.2,1090.4,530.8ZM1044,620.2c3.7,8.8,28.3,11.1,42.5,7.5-12.3-4.2-32.8,1.7-42.7-10.6A4.2,4.2,0,0,0,1044,620.2Zm10.3,4.2c6.6,1.7,15.8,1,22-6.7-8.2,2.8-17.9,5-28.9,2.9A15.2,15.2,0,0,0,1054.3,624.4Zm-9.1-3.4c4.8,4.2,20.3-.5,27.7-8.5-8.8.4-18.6,9.8-28.7,6.5A2.8,2.8,0,0,0,1045.2,621Zm7.6-.3c2.3-1.2,8.8-.3,10.8-11.1-.7.1-5.4,5.5-16.2,10.4A9.2,9.2,0,0,0,1052.8,620.7Zm-7.2-31.8c15.9-29.1-10.7-53.8-45-37.6,29,1.8,49.9,5.5,40.8,40.9A8.4,8.4,0,0,0,1045.6,588.9ZM820,616.1c-55.8-35.9-30.5-130.2,55.9-100.7-95.7-51.1-127.3,82-50.6,103.8A56.4,56.4,0,0,1,820,616.1Zm22.6-154.9c-4.2,19.8-14.2,47.8,7,64.3l-.7-6.2c-22,20.4-11.9,43.5,15.7,54.5l.4-8.2c-8.7,1.4-52.4,17.2-41.9-4.3-22.1-4,1.1,27.9-11.3,29.7,12.7,1.1-1.6-18.8,7.6-25.4-.3.1-1.2-2.3-1.9-3.4-13.5,28.5,49.8,12.8,62.1,8.4-59.9-22.7-21.2-39.8-25.8-51.8-11.6-8.3-14.1-28-11.2-43.6v.3c.4-1.2,1.7-8.1.6-18.9Zm25.3,77.7a199,199,0,0,1,1.3-24.4c12.7-39.8-42.2-36.4-22.3-16.6-8.6-8.8,13.9-15.1,14.9,3.9V501c-1.7,14.7-4.2,35.9,7.8,50.2C868.3,547.1,868.1,543,867.9,538.9Zm-.7-52.8c-6.3-17.2,4.5-34,19.1-45.4l-.8.5c12.4-10.3,25.7,15.7,3,12.1,18,13.2,27.2-22.5,2.3-22.1-31.9,5.2-46,52.7-14.9,71.6A56.8,56.8,0,0,1,867.2,486.1Zm26.7-10.9c10.5-12.6,38.6-18.1,52-29.7-16.8-.7-59.6,13.1-52.1,31.6A3.1,3.1,0,0,1,893.9,475.2Zm26-32.2c.3-7.1,1-15,9.8-20.4-14.5-2.5-19.9,18.5-10.1,29.4C919.8,448.8,919.8,445.9,919.9,443ZM838,611.5c-.5-7.9,15.4-23.3,23.8-35-7.2,5.5-32.2,21.9-22.8,37.5A4.2,4.2,0,0,1,838,611.5Zm16.6-42.1c-14.4-.4-42.4,16.7-23.4,33.5-5-17.7,17.9-23.7,30.6-33.1A24.9,24.9,0,0,0,854.6,569.4Zm8-77.1c-4.5-8.3-19.1,3.9-5.9,10.5C859,497.6,860.5,498.2,862.6,492.3Zm55-60.1c2.4-9.4,6.5-18.7,15.6-26.7-15.5,1.7-24.6,21.7-18,37.6C916,439.3,916.7,435.7,917.6,432.2Zm.1-8.5c2.9-14.6-.4-33.2,10.7-47.1-22.7,5.8-20.3,49.5-13.5,64.2A152.1,152.1,0,0,0,917.7,423.7ZM794.1,538.5c2.1,33.1,17.5-32.8,31.9-31.3-22-8.3-34.2,35.5-27.8,35a73.3,73.3,0,0,1-2.7-7.6C795,535.9,794.5,537.1,794.1,538.5Zm14.7-12.3c0-2.1-10.3,15.6,1,12.9C814.9,536.6,816.5,528.8,808.8,526.2Zm-14.5,39.3c10-15.1-18.1,1.7,8.5,37.4.8-5.9,1.7-11.1-2.6-19,.6-3.6-.4-8.2-.2-13.8l-.8,2.1c12.7-16.5-12.8-34.3-8.1,1.3C792.2,570.8,793.3,568.1,794.3,565.5Zm6,16.1c9.4,1,8.8-17.9-4.8-11.8C798.6,574.2,796.9,578,800.3,581.6Zm43.5,21.6c4.4-4.9,9.9-8.6,18-12.2-9.1-1.6-22.1,5.4-22.8,18.1A58.5,58.5,0,0,1,843.8,603.2Zm-21.3-.1c-14.2-3.8-29,13.6-19.5,29.2,3.3-11.2,10.3-23.7,25.1-26.8A16.4,16.4,0,0,0,822.5,603.1Zm-26.9,29.4c-10.5-7.6-19.3-18.5-16.4-33.9-1.1,3.2,2.5-8.5,11.9,1.4-15.8-34-43.9,35.9,17,40.8C803.7,638.1,799.4,635.4,795.6,632.5Zm-14.3-21.6a42.8,42.8,0,0,0,.5-6.2l-6.3,3.8c2.9,1.3,8.4,11,11.9,7.6-.7,1.2-3.6,1.5-7.5,2.7C780.5,615.7,780.9,613.1,781.3,610.9Zm1.9,10.1c24.5,5.6-.6-21.6-11.9-24.1C774.4,605,774.1,615.5,783.2,621Zm56.1-11.7c6.2-4.7,15.5-6.9,23.9-12.1-7.3.4-26.9,2.6-25.4,15.2A3.9,3.9,0,0,1,839.3,609.3Zm5-1.4c4.2-1,3.8-1.3,14.3-2.1-4.1-4.3-15.4-4.8-19.2,3.7ZM798,646.5c-3.6-6-17.4-9.8-28.6-7.4,8.3,4.2,20.3,2.5,29,9.5A3.2,3.2,0,0,0,798,646.5Zm-6.4-3.6c-1.9-.2-7.8-4.5-14.2,3.1,4.4-.6,8.8-.5,18.2.2A9.9,9.9,0,0,0,791.6,642.9Zm4.8,2.2c-1.2-.8-8.7-3.7-16.1,4.5,5,.8,9.1-3.2,17.6-2.2A3.5,3.5,0,0,0,796.4,645.1Zm-3.8,0c-2.1-.1-7.3,1.5-5.9,6.9,2.5-1.6,5.2-2.9,9-5.4A5.6,5.6,0,0,0,792.6,645.1ZM878.8,501c-5.6-5.6-3.9-27.8-5.4-42.1-1.7,8.9-9.6,37.8,7.8,43.3A4.6,4.6,0,0,1,878.8,501Zm-1.2-10.1c.1-6.6,1.8-13,5.4-21.1-7.7,4.9-12.9,18.7-5,28.7A68,68,0,0,1,877.6,490.9Zm.8,7.5c1.4-7.6,7-15.4,9.8-24.8-5.1,5.1-18.4,19.7-8.9,28.1A3.4,3.4,0,0,1,878.4,498.4Zm2.8-4.3c2.5-3.6,1.9-3.4,9.3-11,.9-.2-14.3-.1-12,15.4C879.5,496.8,880.3,495.4,881.2,494.1Zm-6.5-49.9c-5.6-5.6-3.9-27.7-5.4-42-1.7,8.9-9.6,37.7,7.8,43.3A4.7,4.7,0,0,1,874.7,444.2Zm-1.2-10.1c.1-6.6,1.8-12.9,5.4-21-7.8,4.8-12.9,18.6-5.1,28.6A66.1,66.1,0,0,1,873.5,434.1Zm.7,7.5c1.5-7.5,7.1-15.3,9.9-24.7-5.2,5.1-18.5,19.6-8.9,28.1A3.7,3.7,0,0,1,874.2,441.6Zm2.8-4.3c2.5-3.5,2-3.4,9.4-11,.9-.2-14.3-.1-12,15.4Zm-100.9,148c-7.7-1.8-18-21.4-26.9-32.7,3.3,8.4,12,37,29.6,32.5A5,5,0,0,1,776.1,585.3Zm-6.3-7.9c-3.5-5.7-5.4-11.9-6.7-20.7-4,8.2-1,22.7,11,26.9A46.2,46.2,0,0,1,769.8,577.4Zm4.6,6c-2.8-7.2-2.2-16.8-4.9-26.3-1.6,7.1-5.1,26.5,7.5,28.6A3.8,3.8,0,0,1,774.4,583.4Zm.1-5.2c.2-4.3-.2-3.9,2-14.3-5.3,2.8-8.9,13.4-1.9,19.4C774.5,581.4,774.5,579.8,774.5,578.2Zm57.9-82.5c-2.5-9.2-26.6-14.7-41.1-13.1,11.6,5.8,32.7,2.7,40.8,16.2A4.2,4.2,0,0,0,832.4,495.7Zm-9.7-5.6c-6.3-2.5-15.4-3-22.6,3.8,8.5-1.7,18.4-2.6,29,1A16.2,16.2,0,0,0,822.7,490.1Zm8.6,4.7c-4.1-4.8-20.2-2.2-28.5,4.8,8.7.7,19.7-7.3,29.3-2.8A2.7,2.7,0,0,0,831.3,494.8Zm-7.6-.8c-2.4.9-8.7-.8-12.1,9.6.6,0,6-4.7,17.4-8.1A9.1,9.1,0,0,0,823.7,494Zm2.9,32.5c-19.6,26.7,3.5,54.7,39.6,43.3-28.5-5.6-48.7-12.1-35-46A9.1,9.1,0,0,0,826.6,526.5Z"/>
   </clipPath>
  </defs>
   <g id="lines"><g id="non-tapered"><path class="cls-13" d="M855.6,569.2s-36.8-8-19.9-45.4" transform="translate(-687 -187.4)"/><path class="cls-13" d="M807,630s5.9-20.9,19-20.9" transform="translate(-687 -187.4)"/><path class="cls-13" d="M859.4,486.4s-17.8-22.7,12.4-51.3" transform="translate(-687 -187.4)"/><path class="cls-13" d="M777.9,552.6s-2.3-41.8,48.1-53" transform="translate(-687 -187.4)"/><path class="cls-13" d="M816.5,518.8s21-12.7,57.9,0" transform="translate(-687 -187.4)"/><path class="cls-13" d="M877.1,454s3.6-11.1,16.1-10.9" transform="translate(-687 -187.4)"/><path class="cls-13" d="M914.9,376.6s-19.3,23.3-2.9,72" transform="translate(-687 -187.4)"/><path class="cls-13" d="M899,477.1s-16,1.1,45-23.1c0,0,17.9-8.2,12.3-12.3" transform="translate(-687 -187.4)"/><path class="cls-13" d="M777.4,588.7s-31.3,11.9,2.9,46.9" transform="translate(-687 -187.4)"/><path class="cls-13" d="M817.4,621.5s-16-4.8-24.5-16.2" transform="translate(-687 -187.4)"/><path class="cls-13" d="M856.7,526.5s-21.4,20.9,11.6,35.1" transform="translate(-687 -187.4)"/><path class="cls-13" d="M772.3,551.2s-3.6-21.6,18.8-42.1" transform="translate(-687 -187.4)"/><path class="cls-13" d="M808.1,561.6s-2.1-6.7,7.4-7.1c0,0-6.6-11.6,4.8-26" transform="translate(-687 -187.4)"/></g><g id="non-tapered-2" data-name="non-tapered"><path class="cls-13" d="M1011.2,550.5s37.5,3,25.8,42.3" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1051.3,483.7s-3,21.6-16,23.3" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1018.4,633.1s20.7,20-5.4,52.5" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1090.5,556.6s7.7,41.1-40.6,58.9" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1056.7,595.2s-19.2,15.4-57.4,7.7" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1005.2,667.5s-2.1,11.5-14.5,13" transform="translate(-687 -187.4)"/><path class="cls-13" d="M978.1,749.2s16-25.6-6.7-71.7" transform="translate(-687 -187.4)"/><path class="cls-13" d="M980.5,647.5s15.7-3.2-41.6,28.9c0,0-16.6,10.5-10.5,13.8" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1086.2,520.7s29.4-16-9.2-46.1" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1042.1,493.6s16.6,2.6,26.5,12.8" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1015.9,593s18.3-23.7-16.2-33.3" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1096.2,557.3s6.4,20.9-13,44.1" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1059.3,551.7s3,6.3-6.3,8c0,0,8,10.6-1.4,26.5" transform="translate(-687 -187.4)"/></g><g id="non-tapered-3" data-name="non-tapered"><path class="cls-13" d="M1101.5,336.8s29.6-10.4,33.9,23.5" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1109.5,272.5s5,17.4-4.3,23.1" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1134.9,397.1s22.6,8.3,13.7,41.8" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1163.9,314.7s19.8,28.6-11,58.5" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1151.3,355.5s-9.4,18.1-41.1,25.2" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1136.5,427.8a13.9,13.9,0,0,1-6.6,14.8" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1143.5,499.1s3.5-24.9-29.3-52.2" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1111,421s10.8-7.8-21.9,35.9c0,0-9,13.7-3.3,14.1" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1148.5,288.8s16.9-22-22.5-31.9" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1105.8,283.1s13.5-3.6,24.5.8" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1119.4,367.5s6-24.1-23.5-19.8" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1168.5,313.3s11.9,13.7,5,37.9" transform="translate(-687 -187.4)"/><path class="cls-13" d="M1138.5,321.5s4.5,3.8-2.1,8.2c0,0,9.7,5.4,7.9,20.6" transform="translate(-687 -187.4)"/></g><g id="straight-small"><path class="cls-14" d="M1067.8,248.1s10.5,16.1,1.6,21.6" transform="translate(-687 -187.4)"/><path class="cls-14" d="M1082.2,283.9s8.1,11.5,3.9,21.2" transform="translate(-687 -187.4)"/><path class="cls-14" d="M1018.3,281.7s5.9-19,20.7-15.6" transform="translate(-687 -187.4)"/><path class="cls-14" d="M1039,259.4s4.4-10.1,19.5,3.8" transform="translate(-687 -187.4)"/><path class="cls-14" d="M1057.4,236.4s-3.9,7.6-2.7,11.7" transform="translate(-687 -187.4)"/><path class="cls-14" d="M1049.6,282.8s12.6,19.6,20.8,18.5" transform="translate(-687 -187.4)"/><path class="cls-14" d="M1048.7,287.4s7.5,13,11.2,13.9" transform="translate(-687 -187.4)"/><path class="cls-14" d="M1076.6,294.2a42.6,42.6,0,0,1-1.6,19.1" transform="translate(-687 -187.4)"/><path class="cls-14" d="M1075,268.6s8.8-9,17.1-2.9" transform="translate(-687 -187.4)"/></g><g id="straight-small-2" data-name="straight-small"><path class="cls-14" d="M980.6,387s-16.5,9.8-21.6.6" transform="translate(-687 -187.4)"/><path class="cls-14" d="M944.2,399.8s-11.8,7.6-21.3,3" transform="translate(-687 -187.4)"/><path class="cls-14" d="M949.2,336.1s18.7,6.6,14.6,21.3" transform="translate(-687 -187.4)"/><path class="cls-14" d="M970.6,357.7s9.9,4.9-4.7,19.3" transform="translate(-687 -187.4)"/><path class="cls-14" d="M992.8,377s-7.5-4.1-11.6-3.1" transform="translate(-687 -187.4)"/><path class="cls-14" d="M946.8,367.2s-20.1,11.8-19.4,20.1" transform="translate(-687 -187.4)"/><path class="cls-14" d="M942.2,366.2s-13.3,6.9-14.4,10.5" transform="translate(-687 -187.4)"/><path class="cls-14" d="M934.2,393.8a41.6,41.6,0,0,1-19-2.5" transform="translate(-687 -187.4)"/><path class="cls-14" d="M959.8,393.2s8.6,9.3,2.2,17.3" transform="translate(-687 -187.4)"/></g></g><g id="tapered-clipping"><g class="cls-15"><path class="cls-16" d="M978.1,368.6a9.3,9.3,0,0,1-4.9,10.1s9.1-3.5,15.6-.4" transform="translate(-687 -187.4)"/><path class="cls-17" d="M963.7,360.5s10.5-2.7,4.2,6.8c0,0-17.6,17.5,1,19.2,0,0,7.2-4.4,12.9-2.9" transform="translate(-687 -187.4)"/><path class="cls-17" d="M933.2,377.5s36.4,21.8,21.4,34.4-12.4-2.3-12.4-2.3" transform="translate(-687 -187.4)"/><path class="cls-17" d="M949,339.7s21.5,9.5,1.1,33.5l12.7,7.9c-3.4.9-1.7-2.3-16.1,11.3s-33.1,2.4-33.1,2.4" transform="translate(-687 -187.4)"/><path class="cls-17" d="M930.9,386.9l8.1,2.9,1.3-7.5,12.8-1.6-7.8-5.7s-15.1,3.3-10.7,9.1" transform="translate(-687 -187.4)"/><path class="cls-18" d="M968.6,404.3s.7,13.2-19.4,19.7" transform="translate(-687 -187.4)"/><path class="cls-17" d="M930.3,401s19.1,18.3-3.1,40.8" transform="translate(-687 -187.4)"/><path class="cls-19" d="M955.5,405s-6.2-9.8-3.3-3.1C957.8,415.1,955.5,405,955.5,405Z" transform="translate(-687 -187.4)"/><path class="cls-10" d="M957.8,350s-6.7,1.1,1.1,5.6" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1049.6,251.4a9.4,9.4,0,0,1,10.3,4.5s-3.9-8.9-1.1-15.6" transform="translate(-687 -187.4)"/><path class="cls-17" d="M1042.1,266.1s-3.2-10.4,6.7-4.4c0,0,18.2,16.8,19-1.9,0,0-4.7-7-3.4-12.8" transform="translate(-687 -187.4)"/><path class="cls-17" d="M1060.4,295.9s20.2-37.4,33.4-22.9-1.7,12.5-1.7,12.5" transform="translate(-687 -187.4)"/><path class="cls-17" d="M1021.9,281.7s8.6-21.9,33.4-2.5l7.4-13.1c1.1,3.4-2.2,1.9,11.9,15.6s4,33,4,33" transform="translate(-687 -187.4)"/><path class="cls-17" d="M1069.9,297.8l2.5-8.3-7.5-.9-2.2-12.7-5.3,8s4,15,9.5,10.3" transform="translate(-687 -187.4)"/><path class="cls-18" d="M1085.7,259.4s13.1-1.3,20.5,18.5" transform="translate(-687 -187.4)"/><path class="cls-17" d="M1084,297.8s17.4-19.9,40.8,1.3" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1086.9,272.4s-9.6,6.7-2.9,3.5C1096.9,269.7,1086.9,272.4,1086.9,272.4Z" transform="translate(-687 -187.4)"/><path class="cls-10" d="M1031.8,272.4s1.5,6.8,5.6-1.2" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1101.2,288.1s46.2-9.5,58.4,39.3-49,56.3-49,56.3" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1159.4,411.1c-5.8-9.5-6.5-13.8-6.5-13.8-9.4-28.7-28.1-28.9-28.1-28.9,8.5-34.6-31-27.4-31-27.4s33.6-36.9,35.8-15.6c0,0,4.9-1.8-1.9-10.9s-10-6.6-4.6-12.2" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1099.5,355.7s11.4,4.2,24,33.6c0,0,6.5,10.2,16.3,4.8s.4-12.5-1-10.6" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1116.1,392.7s39.7,6.5,23,49.8c0,0-9.6,14.8-17.7,1.9-5.8-9.2,7.1-11,7.3-11.1" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1114.6,418.7s12.4,3.9-23.1,45.1" transform="translate(-687 -187.4)"/><path class="cls-17" d="M1107.3,447.7s17.6,13.9,5.7,25.3" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1093.8,297.8s10.6-.4.2,36.5" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1096.9,339.1s28.5-26.6,7.3-36.8" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1129,393.5s9.7-1.6.8-9.2" transform="translate(-687 -187.4)"/><path class="cls-17" d="M1114.3,452.1s14.8,17.8,3.6,34.5" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1115.5,453.6s28.3,37.3,18.4,51.4" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1159.2,335.1s-7.8-14.3-5.3-.7,8.9,24-4.3,33.4" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1153.2,346.6c2.1,0-7.3-2.9-1.8-10.3" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1145.4,305.6s7.5,15.8,2.8,14.6-4.3-10-4.3-10a38.9,38.9,0,0,0-4.3-6.3c-1.6-1.8-2-4.3-3.8-4.9-5-1.5-11.5-9.1-11.5-9.1" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1136.6,303.4s-4.4,9.3,7.3,6.8" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1095.9,301.3s3.8,12.8-8.2,22.8" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1105.2,299.1s21.4-8.8,6.2-30" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1104,265.3s33.6-10.8,41.7,16.5c0,0-.9,10.9-11.8,5" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1133.6,268.7S1118,274,1139,277Z" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1095.3,298.4s6.4,3.1-11.3,21.8" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1095.5,301.2a15.1,15.1,0,0,1-12,10.9" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1107.5,255.6s2.7,5.3,24.7-5.9" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1110.5,256s9.7-.2,13-7.8" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1108.4,256.2s3.8,2.7,11.5-9.2" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1110.3,255.8s5.4-2.3,4-7.7" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1112.6,395.4s7.7-7.2,24.4,27.3" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1116.5,396.7s11.4,7.1,8.9,22.5" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1114.2,394.9s6.8-1.9,5.9,23.8" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1116.1,396.9s4.5,7.7-1.8,16.1" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1140.3,433.9s7.7-7.3,24.3,27.2" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1144.2,435.1s11.3,7.1,8.9,22.5" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1141.8,433.3s6.9-1.8,6,23.9" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1143.8,435.3s4.5,7.8-1.8,16.2" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1149,292.1s2.7-10.2,35.2,10.1" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1153,291s13.4,0,19.5,14.4" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1150.1,290.8s4.8-5.2,17.7,17" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1152.8,291.5s7.9,4.1,7.1,14.6" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1148.9,376.5s1.4,10.1,36-6.4" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1152.7,377.9s13.2,1.3,21-12" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1149.8,377.8s4.1,5.5,19.6-14.7" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1152.5,377.5a15.1,15.1,0,0,0,8.8-13.4" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1138.6,358.3s4.9-6.5-6.4-21.7-38.4,4.4-38.4,4.4" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1034.6,496.8s55.3,12.1,44.9,71.7-81.2,38-81.2,38" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1038.5,660.4c-1.7-13.3-.4-18.4-.4-18.4,3.6-36.1-16.8-45.4-16.8-45.4,26.3-33.9-20.7-45.3-20.7-45.3s55-24.2,47,.3c0,0,6.2.4,3.2-12.9s-7.8-12,.9-15.6" transform="translate(-687 -187.4)"/><path class="cls-19" d="M999.8,570.2s10.4,10.3,9.9,48.6c0,0,2.2,14.5,15.5,13.3s6.6-13.6,4.2-12.2" transform="translate(-687 -187.4)"/><path class="cls-19" d="M999.9,619s40.4,26.5,1,65.9c0,0-17.8,11.5-20.4-6.6-1.9-12.9,13.1-8.5,13.5-8.6" transform="translate(-687 -187.4)"/><path class="cls-19" d="M985.6,646.8s11.7,10.4-47.4,38.3" transform="translate(-687 -187.4)"/><path class="cls-17" d="M963.4,675.1s12.6,23.9-6.1,30.5" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1021.7,503.8s11.8,4.8-17.6,40.3" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1005,550.7s44.3-15.3,25.9-36.9" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1013.7,626.2s11.4,2.9,5.3-9.8" transform="translate(-687 -187.4)"/><path class="cls-17" d="M969,683.4s7.5,26.8-12.9,39.7" transform="translate(-687 -187.4)"/><path class="cls-19" d="M969.5,685.6s12.9,54.8-4.8,65.4" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1075.4,576.8s-1.6-19.5-5.5-3.4-2,30.7-21,34.6" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1063.2,586.5c2.3,1-6.6-6.8,3-12.2" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1074.6,537.6s.6,21-4,17.5.1-13.2.1-13.2a44.6,44.6,0,0,0-1.7-9.1c-.8-2.7,0-5.6-1.8-7.1-4.7-4.1-8.1-15.6-8.1-15.6" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1066,530.9s-9.4,8,4.7,11" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1022.4,508.7s-2.1,16-20.2,21" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1033.7,510.8s27.7.8,21.3-29.8" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1048.8,473.2s42.2,4.4,37.7,38.4c0,0-6.3,11.5-15.4-.3" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1079.7,491.3s-24.4-2.4,3.8,13.1Z" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1023.1,505.3s5.5,6.5-23.1,18.4" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1021.9,508.4s-6.2,8.8-18.5,6.1" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1057.4,464.1s.4,7.2,30,5.6" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1060.4,466.1s10.8,4.5,18.2-2.2" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1058,465.3s3,4.8,17.2-4.5" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1060.3,465.8s7.1.1,8.2-6.6" transform="translate(-687 -187.4)"/><path class="cls-16" d="M994.7,620.3s12-4.2,13.5,41.8" transform="translate(-687 -187.4)"/><path class="cls-16" d="M998.5,623.6s8.9,13.3-1.3,29" transform="translate(-687 -187.4)"/><path class="cls-16" d="M996.7,620.5s8.5,1.2-5.1,29" transform="translate(-687 -187.4)"/><path class="cls-16" d="M997.9,623.6s1.2,10.7-9.8,16.9" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1006.4,676s12-4.2,13.5,41.8" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1010.1,679.3s9,13.3-1.2,29" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1008.4,676.2s8.4,1.3-5.2,29.1" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1009.6,679.3s1.1,10.7-9.9,16.9" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1085.2,524.5s7.9-9.9,33.7,28.3" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1090.1,525.3s14.7,6.5,14.4,25.3" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1087,523.7s7.8-3.5,11.1,27.3" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1089.7,525.7s6.6,8.4.6,19.5" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1043.8,617.1s-3.4,11.8,42.7,10.6" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1047.4,620.6s13.8,7.8,28.9-2.9" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1044.2,619s1.8,8.1,28.7-6.5" transform="translate(-687 -187.4)"/><path class="cls-16" d="M1047.4,620a18.2,18.2,0,0,0,16.2-10.4" transform="translate(-687 -187.4)"/><path class="cls-19" d="M1041.4,592.2s8.6-4.8,3.6-26.9-44.4-14-44.4-14" transform="translate(-687 -187.4)"/><path class="cls-19" d="M825.3,619.2s-53.2-19.3-35-77,85.6-26.8,85.6-26.8" transform="translate(-687 -187.4)"/><path class="cls-19" d="M843.2,456.6c0,13.4-2.1,18.3-2.1,18.3-8.4,35.3,10.6,47.2,10.6,47.2-30.5,30.2,14.5,47.7,14.5,47.7s-57.7,16.6-46.5-6.6c0,0-6.1-1.2-4.9,12.4s6.1,13-3,15.4" transform="translate(-687 -187.4)"/><path class="cls-19" d="M869.6,551.2s-9-11.6-3.4-49.5c0,0-.3-14.7-13.6-15.3s-8.3,12.7-5.7,11.5" transform="translate(-687 -187.4)"/><path class="cls-19" d="M875.9,502.8s-36.5-31.6,7.8-65.5c0,0,19.1-9,19.4,9.3.1,13-14.2,6.7-14.6,6.7" transform="translate(-687 -187.4)"/><path class="cls-19" d="M893.8,477.1s-10.2-11.8,52.1-31.6" transform="translate(-687 -187.4)"/><path class="cls-17" d="M919.6,452s-9.3-25.3,10.1-29.4" transform="translate(-687 -187.4)"/><path class="cls-16" d="M839,614s-11.1-6.3,22.8-37.5" transform="translate(-687 -187.4)"/><path class="cls-19" d="M861.8,569.8s-45.9,9.3-30.6,33.1" transform="translate(-687 -187.4)"/><path class="cls-19" d="M863.2,493.9s-10.9-4.5-6.5,8.9" transform="translate(-687 -187.4)"/><path class="cls-17" d="M915.2,443.1s-4-27.6,18-37.6" transform="translate(-687 -187.4)"/><path class="cls-19" d="M914.9,440.8s-5.5-56,13.5-64.2" transform="translate(-687 -187.4)"/><path class="cls-19" d="M795.5,534.6s-1,19.5,5,4.1,6.1-30.2,25.5-31.5" transform="translate(-687 -187.4)"/><path class="cls-19" d="M808.9,526.6c-2.2-1.3,5.7,7.6-4.6,11.7" transform="translate(-687 -187.4)"/><path class="cls-19" d="M791.1,573.5s2.2-20.9,6.3-16.8-1.9,13.1-1.9,13.1a44.3,44.3,0,0,0,.5,9.2c.4,2.8-.7,5.6.8,7.3,4.2,4.7,6,16.6,6,16.6" transform="translate(-687 -187.4)"/><path class="cls-19" d="M798.7,581.3s10.4-6.7-3.2-11.5" transform="translate(-687 -187.4)"/><path class="cls-16" d="M839,609.1s4.2-15.5,22.8-18.1" transform="translate(-687 -187.4)"/><path class="cls-19" d="M828.1,605.5S800.7,601,803,632.3" transform="translate(-687 -187.4)"/><path class="cls-19" d="M808.1,640.8s-41.2-10-32.3-43.1c0,0,7.8-10.6,15.3,2.3" transform="translate(-687 -187.4)"/><path class="cls-19" d="M779.9,618.8s23.8,5.6-2-13.5Z" transform="translate(-687 -187.4)"/><path class="cls-16" d="M837.8,612.4s-4.5-7.2,25.4-15.2" transform="translate(-687 -187.4)"/><path class="cls-16" d="M839.4,609.5s7.4-7.9,19.2-3.7" transform="translate(-687 -187.4)"/><path class="cls-16" d="M798.4,648.6s.5-7.1-29-9.5" transform="translate(-687 -187.4)"/><path class="cls-16" d="M795.6,646.2s-10-5.8-18.2-.2" transform="translate(-687 -187.4)"/><path class="cls-16" d="M797.9,647.4s-2.3-5.2-17.6,2.2" transform="translate(-687 -187.4)"/><path class="cls-16" d="M795.7,646.6s-7-1.1-9,5.4" transform="translate(-687 -187.4)"/><path class="cls-16" d="M881.2,502.2s-12.4,2.6-7.8-43.3" transform="translate(-687 -187.4)"/><path class="cls-16" d="M878,498.5s-7.2-14.4,5-28.7" transform="translate(-687 -187.4)"/><path class="cls-16" d="M879.3,501.7s-8.2-2.3,8.9-28.1" transform="translate(-687 -187.4)"/><path class="cls-16" d="M878.5,498.5s.3-10.8,12-15.4" transform="translate(-687 -187.4)"/><path class="cls-16" d="M877.1,445.5s-12.5,2.5-7.8-43.3" transform="translate(-687 -187.4)"/><path class="cls-16" d="M873.8,441.7s-7.1-14.4,5.1-28.6" transform="translate(-687 -187.4)"/><path class="cls-16" d="M875.2,445s-8.2-2.4,8.9-28.1" transform="translate(-687 -187.4)"/><path class="cls-16" d="M874.4,441.7s.3-10.7,12-15.4" transform="translate(-687 -187.4)"/><path class="cls-16" d="M778.8,585.1s-9.1,8.8-29.6-32.5" transform="translate(-687 -187.4)"/><path class="cls-16" d="M774.1,583.6s-13.7-8.4-11-26.9" transform="translate(-687 -187.4)"/><path class="cls-16" d="M777,585.7s-8.3,2.3-7.5-28.6" transform="translate(-687 -187.4)"/><path class="cls-16" d="M774.6,583.3s-5.5-9.2,1.9-19.4" transform="translate(-687 -187.4)"/><path class="cls-16" d="M832.1,498.8s5-11.3-40.8-16.2" transform="translate(-687 -187.4)"/><path class="cls-16" d="M829.1,494.9s-12.7-9.6-29-1" transform="translate(-687 -187.4)"/><path class="cls-16" d="M832.1,496.8s-.8-8.2-29.3,2.8" transform="translate(-687 -187.4)"/><path class="cls-16" d="M829,495.5a17.9,17.9,0,0,0-17.4,8.1" transform="translate(-687 -187.4)"/><path class="cls-19" d="M831.2,523.8s-9.1,3.6-7.1,26.2,42.1,19.8,42.1,19.8" transform="translate(-687 -187.4)"/></g></g></svg>
  <img class="zebraimg" src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/zebraexport3.png' />
  <img class="zebraimg" src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/zebraexport2.png' />
    <svg class="zebraimg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 546.5 704.6">
    <defs><clipPath id="clip-path" transform="translate(-687 -187.4)"><path class="cls-1" d="M805,277.8l12.1-3c4-.9,8-1.8,11.9-2.9s7.7-2.2,11.6-3.6,7.4-3.1,11.3-5a31.7,31.7,0,0,1-9.7,8.5,47.4,47.4,0,0,1-11.9,4.9,60.1,60.1,0,0,1-12.6,2A45.1,45.1,0,0,1,805,277.8Zm67.6,42.8c.6-.9,1.3-1.7,1.9-2.5a24.3,24.3,0,0,1,2-2.5,141.1,141.1,0,0,1,17.9-18.4A77.9,77.9,0,0,0,873.6,313a90.7,90.7,0,0,0-8.6,10c-1.3,1.7-2.5,3.6-3.8,5.4s-2.4,3.7-3.5,5.6a135.3,135.3,0,0,0-11,23.8,110.5,110.5,0,0,0-6,25.4q4.3-12.3,9.6-24c3.6-7.8,7.4-15.4,11.7-22.7,2.2-3.7,4.4-7.2,6.9-10.7A61.5,61.5,0,0,1,872.6,320.6Zm108.9-52.4a46.7,46.7,0,0,1,17.2-5.1,32.4,32.4,0,0,1,8.8.6,64,64,0,0,0,9.8,1.2,41.5,41.5,0,0,0,9.9-.9,26,26,0,0,0,4.7-1.6,14.3,14.3,0,0,0,4.1-2.6l-2.2.8-2.3.5-2.3.3a18.5,18.5,0,0,1-2.3.1,48.4,48.4,0,0,1-9.3-.5c-3-.5-6-1.2-9-1.9a31.9,31.9,0,0,0-10.2-1,37.2,37.2,0,0,0-10,2.2,48.3,48.3,0,0,0-22.8,18.1,68.8,68.8,0,0,1,7.8-5.5A65.6,65.6,0,0,1,981.5,268.2ZM1168,285.7a158.5,158.5,0,0,0-10.2,15.9,178.8,178.8,0,0,0-8.4,17,140.7,140.7,0,0,0-6.3,17.9,78.9,78.9,0,0,0-3.3,18.7c-.3,3.2-.4,6.2-1,9.3-.2,1.5-.6,3-.9,4.6l-1.2,4.5c-1.8,5.9-4.5,11.6-6.8,17.4-1.2,2.8-2.3,5.7-3.4,8.7l-1.6,4.3-1.6,4.4c-2.1,5.9-4.2,11.8-6,17.8l.5.2a83,83,0,0,0,4.9-8.1l2.2-4.2c.7-1.4,1.4-2.8,2-4.2s2.6-5.7,3.8-8.7c.5-1.4,1.1-2.9,1.6-4.4s1-3,1.5-4.4c1.8-6.1,3-12.3,4.4-18.4s3-12.2,4.3-18.4l1-4.5c.5-1.5.9-3,1.3-4.4s.9-3,1.4-4.4l.7-2.2.7-2.2c2-5.8,4.4-11.5,6.7-17.3,4.6-11.5,9.5-22.9,14.1-34.6ZM922,444.6l4.4-2.7,4.6-2.5,4.7-2.6,4.7-2.8,4.5-2.9,4.4-3.2c1.5-1,2.9-2.2,4.3-3.3a44.7,44.7,0,0,0,4.1-3.5,110,110,0,0,0,14.9-15.6c1.1-1.4,2.1-2.9,3.1-4.3s2.1-3,3-4.6a55.9,55.9,0,0,0,4.7-9.5c-.8,1.5-1.8,3-2.8,4.5s-2,2.9-3.1,4.3-2.2,2.7-3.3,4.1l-3.5,3.9a129.8,129.8,0,0,1-15.5,14.2A156.1,156.1,0,0,1,937.9,430c-3,1.8-6.1,3.4-9.2,5.1l-4.7,2.5c-1.6.9-3.2,1.8-4.7,2.8a117.5,117.5,0,0,0-17.1,13.4A121.9,121.9,0,0,0,887.9,470a143.4,143.4,0,0,0-11.7,18.1,126,126,0,0,0-8.7,19.5,209.2,209.2,0,0,1,10.8-18.3c1.9-2.9,4-5.8,6.1-8.6s4.2-5.6,6.5-8.3a138.1,138.1,0,0,1,14.5-15.1A119.6,119.6,0,0,1,922,444.6Zm44.3,272.9,3.9.9,3.9,1,1.9.5,1.9.5,3.9,1.2,7.6,2.8,3.7,1.5,3.7,1.7a255.6,255.6,0,0,1,29.1,15.6,115.2,115.2,0,0,0-26.6-20.5l-3.7-2.1-3.8-1.9c-2.5-1.3-5.2-2.2-7.8-3.3a93.1,93.1,0,0,0-16.4-4.7,87,87,0,0,0-34.1-.1,82.7,82.7,0,0,0-16.2,5.2,67.2,67.2,0,0,0-7.5,4,36,36,0,0,0-6.7,4.9,95,95,0,0,1,15.4-5.7,106.2,106.2,0,0,1,15.9-3A110.2,110.2,0,0,1,966.3,717.5Zm113.4-61a131,131,0,0,0-15.2,11.4,80.6,80.6,0,0,0-12.8,14.5l-1.2,2.2-1.1,2-2.3,4-4.4,8.2c-5.9,10.9-11.6,21.9-16.8,33.2,7.3-10.1,14.1-20.4,20.8-30.8l5-7.9,4.8-7.8a77.7,77.7,0,0,1,12-13.1,155.8,155.8,0,0,1,14.3-11.1l3.8-2.4,3.9-2.4,4-2.3c1.3-.8,2.6-1.4,4-2.1a256.9,256.9,0,0,1,34-14.4,140.8,140.8,0,0,0-36,10.1A148.3,148.3,0,0,0,1079.7,656.5Zm98-8.8a79,79,0,0,0-6.2,13.2c-1.6,4.4-3,9-4.2,13.6a128.4,128.4,0,0,0-2.8,14,86.4,86.4,0,0,0-.8,14.5,79,79,0,0,0,6.2-13.2c1.6-4.5,3-9,4.2-13.6a133,133,0,0,0,2.7-14A76.9,76.9,0,0,0,1177.7,647.7Zm-382.2,122c-6.7-1.2-13.5-2.2-20.3-3.1s-13.7-1.5-20.6-1.7a203.4,203.4,0,0,0,19.9,5.6c6.7,1.5,13.4,2.9,20.1,4.1s13.5,2.3,20.3,3.1a178.8,178.8,0,0,0,20.6,1.7c-6.5-2.2-13.2-3.9-19.9-5.5S802.2,770.9,795.5,769.7Zm228.6,13.7a25.4,25.4,0,0,1-3.9.1c-1.3.1-2.6,0-3.9,0a63.1,63.1,0,0,1-7.6-.9l-3.7-.8-1.8-.5-1.6-.6h-.2c-9.8-3.3-19.6-6.2-29.6-8.9-5-1.3-10-2.6-15-3.7s-10.1-2.2-15.2-3.1c4.7,2.2,9.5,4.1,14.3,5.9s9.7,3.6,14.6,5.2c9.8,3.3,19.6,6.3,29.6,9h-.3l2.2.6,2.1.5a27,27,0,0,0,4.1.5,44.9,44.9,0,0,0,8.2,0,44.5,44.5,0,0,0,8-1.3,27.2,27.2,0,0,0,3.8-1.1l3.8-1.3-4,.4Z"/></clipPath></defs>
    <g class="cls-2"><g id="yellowunderline" transform="translateY(10)"><path class="cls-3" d="M805,277.8s30.7,0,46.9-14.5" transform="translate(-687 -187.4)"/><path class="cls-3" d="M840.7,383.2s11.8-58.1,53.7-86" transform="translate(-687 -187.4)"/><path class="cls-3" d="M965.6,278.4s19.8-22.4,42.3-17.1c20,4.8,28.1-1.5,28.1-1.5" transform="translate(-687 -187.4)"/><path class="cls-3" d="M1117.6,426.3s20.3-42.2,23.4-70.1,27.2-70.3,27.2-70.3" transform="translate(-687 -187.4)"/><path class="cls-3" d="M867.5,507.6s18.8-48,61.2-69.7,54.7-50.8,54.7-50.8" transform="translate(-687 -187.4)"/><path class="cls-3" d="M903.1,724.7s51.9-37.9,122.8,18.5" transform="translate(-687 -187.4)"/><path class="cls-3" d="M1025.9,732l27.9-47.5s18.9-32.3,78.7-46.8" transform="translate(-687 -187.4)"/><line class="cls-3" x1="490.7" y1="460.3" x2="476.7" y2="515.6"/><line class="cls-3" x1="67.6" y1="577.6" x2="148.5" y2="592.1"/><path class="cls-4" d="M932.4,761s73.6,32.7,110.5,18.4" transform="translate(-687 -187.4)"/></g></g></svg>
  <img class="zebraimg" src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/zebraexport1.png' />
</div>
</div><!--initial-->

<div class="info">
  <h1>Zebra Facts</h1>
  <p>Zebras <span class="yellow">(/ˈziːbrə/ ZEE-brə, /ˈzɛbrə/ ZEB-rə)</span> are several species of African equids (horse family) united by their distinctive black-and-white striped coats. Their stripes come in different patterns, unique to each individual. They are generally social animals that live in small harems to large herds. Unlike their closest relatives, horses and donkeys, zebras have never been truly domesticated.</p>

  <p>There are three species of zebras: the plains zebra, the mountain zebra and the Grévy's zebra. The plains zebra and the mountain zebra belong to the subgenus Hippotigris, while Grévy's zebra is the sole species of subgenus Dolichohippus. The latter resembles an ass, to which zebras are closely related, while the former two look more horse-like. All three belong to the genus Equus, along with other living equids.</p>

  <p>The unique stripes of zebras make them one of the animals most familiar to people. They occur in a variety of habitats, such as grasslands, savannas, woodlands, thorny scrublands, mountains, and coastal hills. Various anthropogenic factors have had a severe impact on zebra populations, in particular hunting for skins and habitat destruction. Grévy's zebra and the mountain zebra are endangered. While plains zebras are much more plentiful, one subspecies, the quagga, became extinct in the late 19th century – though there is currently a plan, called the Quagga Project, that aims to breed zebras that are phenotypically similar to the quagga in a process called breeding back.</p>
  
  <small>src: <a href="https://en.wikipedia.org/wiki/Zebra" target="_blank">Wikipedia</a></small>
</div><!--initial-->
  
  
<footer>
  <p>If you would like to donated to help zebras in the wild, <a href="https://gifts.worldwildlife.org/gift-center/gifts/Species-Adoptions/Zebra.aspx">you can adopt a zebra here.</a></p>
</footer>

</div><!--container-->

body {
  background: #34373f;
  color: #e5dbdb;
  letter-spacing: 0.03em;
  font-family: 'Anonymous Pro', monospace;
}

h1 {
  font-family: 'Playfair Display', monospace;
  font-weight: normal;
  color: white;
  letter-spacing: 0.02em;
  font-size: 45px;
  text-shadow: 1px 2px 3px black;
}

p {
  line-height: 1.4;
  margin-bottom: 30px;
}

.container {
  display: grid;
  width: 100%;
  min-height: 100vh;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 75px 1fr 100px;
}

nav { 
  font-family: 'Playfair Display', monospace;
  grid-area: 1 / 1 / 2 / 3; 
  padding: 10px 30px;
  background: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #555;
}
.initial {
  padding: 30px;
  grid-area: 2 / 1 / 3 / 2;
}
.info { 
  grid-area: 2 / 2 / 3 / 3; 
  overflow-y: scroll;
  border-left: 1px solid #555;
  padding: 30px;
}
footer { 
  font-family: 'Playfair Display', monospace;
  border-top: 1px solid #555;
  grid-area: 3 / 1 / 4 / 3; 
  padding: 10px 30px;
  background: rgba(0, 0, 0, 0.2);
}
small {
  font-family: 'Playfair Display', monospace;
}

@media only screen and (max-width: 900px) {
  .container {
    grid-template-columns: 1fr;
    grid-template-rows: 100px repeat(2, auto) 200px;
  }
  nav { grid-area: 1 / 1 / 2 / 2; }
  .initial { grid-area: 2 / 1 / 3 / 2; }
  .info { 
    grid-area: 3 / 1 / 4 / 2; 
    border-left: none;
    border-top: 1px solid #555;
  }
  footer { grid-area: 4 / 1 / 5 / 2; }
}

#zebra-ill {
  position: relative;
  max-width: 500px;
  min-height: 650px;
  .zebraimg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    perspective: 600px;
    transform: translateZ(0);
    transform-style: preserve-3d
  }
}

@media only screen and (max-width: 500px) {
  #zebra-ill {
    min-height: 550px;
  }
  
  nav {
    font-size: 14px;
  }
}

.cls-15, #yellowunderline, .cls-13 {
  visibility: hidden;
}

.cls-1,
.cls-3,
.cls-4,
.cls-5,
.cls-10,
.cls-12,
.cls-13,
.cls-14,
.cls-16,
.cls-17,
.cls-18,
.cls-19 {
  fill: none;
}
.cls-2 {
  clip-path: url(#clip-path);
}
.cls-3,
.cls-4,
.cls-5 {
  stroke: #f99f25;
  stroke-miterlimit: 10;
}
.cls-3 {
  stroke-width: 15px;
}
.cls-4 {
  stroke-width: 16px;
}

.cls-12 {
  stroke: #f99f25;
}
.cls-10,
.cls-12,
.cls-13,
.cls-14,
.cls-16,
.cls-17,
.cls-18,
.cls-19 {
  stroke-miterlimit: 10;
}
.cls-10,
.cls-13,
.cls-14,
.cls-16,
.cls-17,
.cls-18,
.cls-19 {
  stroke: #1d2737;
  stroke-linecap: round;
}
.cls-13 {
  stroke-width: 2px;
}
.cls-15 {
  clip-path: url(#clip-path2);
}
.cls-16 {
  stroke-width: 4px;
}
.cls-17 {
  stroke-width: 6px;
}
.cls-18 {
  stroke-width: 5px;
}
.cls-19 {
  stroke-width: 9px;
}
.cls-10 {
  stroke-width: 8px;
}

a, a:active, a:visited {
  color: #f99f25;
  text-decoration: none;
}

.yellow {
  font-family: 'Playfair Display', monospace;
  color: #f99f25;
}

//* -- Parallaxy effect --*//

const zebraIll = document.querySelector('#zebra-ill')
const zebraIllImg = document.querySelectorAll('.zebraimg')
const rate = 0.05
const motioncheck = document.getElementById('motiona11y')
let isChecked = false

//check to see if someone checked the vestibular disorder part
motioncheck.addEventListener('change', e => {
  isChecked = e.target.checked;
})

//hover
zebraIll.addEventListener('mousemove', e => {
  if (isChecked) return
	let x = e.clientX;
  let y = e.clientY;
  
  zebraIllImg.forEach((el, index) => {
    let speed = index += 1
    let xPos = speed + rate * x
    let yPos = speed + rate * y
    
    el.style.transform = 
      `rotateX(${xPos - 20}deg) rotateY(${yPos - 20}deg) translateZ(${index * 10}px)`
  })
})

//* -- Entrance animations --*//

//register the plugin
gsap.registerPlugin(DrawSVGPlugin);

const drawLines = () => {
  gsap.set('.cls-15, #yellowunderline, .cls-13', {
    visibility: 'visible'
  })
  
  const timeline = gsap.timeline({ 
    defaults: {
      delay: 1,
      ease: "circ",
      duration: 2
    }		  
  })
  .add('start')
  .fromTo(".cls-15 path", {
    drawSVG: '0%'
  }, {
    drawSVG: '100%',
    immediateRender: true
  }, 'start')
  .fromTo("#yellowunderline path", {
    drawSVG: '50% 50%'
  }, {
    drawSVG: '100%',
    immediateRender: true
  }, 'start+=1')
  .fromTo(".cls-13", {
    drawSVG: '50% 50%'
  }, {
    drawSVG: '100%',
    immediateRender: true
  }, 'start+=1')
}

window.onload = () => {
	drawLines()
};