CodePen Embed - Rock'N'Roll Half-Marathon animation

<svg class="rnr" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 790.59 1071">
  <defs>
    <style>
      .cls-1, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15, .cls-16, .cls-17, .cls-19, .cls-2, .cls-20, .cls-21, .cls-23, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9 {
        fill: none;
      }

      .cls-1 {
        stroke: #e0e0e0;
      }

      .cls-1, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15, .cls-16, .cls-17, .cls-19, .cls-20, .cls-21, .cls-3, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9 {
        stroke-linecap: round;
      }

      .cls-1, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15, .cls-16, .cls-17, .cls-2, .cls-20, .cls-23, .cls-3, .cls-4, .cls-5, .cls-6, .cls-8 {
        stroke-miterlimit: 10;
      }

      .cls-1, .cls-11, .cls-12, .cls-19, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-9 {
        stroke-width: 6px;
      }

      .cls-2, .cls-5 {
        stroke: #9bec77;
      }

      .cls-10, .cls-13, .cls-14, .cls-15, .cls-16, .cls-17, .cls-3, .cls-4, .cls-9 {
        stroke: #fff;
      }

      .cls-24, .cls-6, .cls-7 {
        stroke: #1abcda;
      }

      .cls-10, .cls-19, .cls-21, .cls-24, .cls-7, .cls-9 {
        stroke-linejoin: round;
      }

      .cls-12, .cls-8 {
        stroke: #feed81;
      }

      .cls-8 {
        stroke-width: 9px;
      }

      .cls-10, .cls-13 {
        stroke-width: 7px;
      }

      .cls-11, .cls-19, .cls-20, .cls-21, .cls-23 {
        stroke: #ff7fcf;
      }

      .cls-14 {
        stroke-width: 7.5px;
      }

      .cls-14, .cls-15, .cls-16 {
        opacity: 0.98;
      }

      .cls-15 {
        stroke-width: 8px;
      }

      .cls-16 {
        stroke-width: 6.5px;
      }

      .cls-17, .cls-20 {
        stroke-width: 4.25px;
      }

      .cls-18 {
        fill: #9bec77;
      }

      .cls-22 {
        fill: #ff7fcf;
      }

      .cls-23 {
        stroke-width: 2px;
      }

      .cls-24 {
        fill: #1abcda;
      }
    </style>
  </defs>
  <title>las-vegas-half</title>
  
  <g id="hot-air-balloon">
    <path class="cls-3" d="M52.42,548.58c1.6-.61,3.21-1.19,4.82-1.76"/>
    <path class="cls-3" d="M226.73,552.85a57.37,57.37,0,0,1,4.91,3.75"/>
    <path class="cls-3" d="M208.74,544.35c1.84.59,3.65,1.23,5.45,1.94"/>
    <path class="cls-3" d="M177.8,538.59c4.66.5,9.31,1.06,13.93,1.81"/>
    <path class="cls-3" d="M34.39,558.29a65.11,65.11,0,0,1,6.84-4.14"/>
    <path class="cls-3" d="M140,535.72c7.85.09,15.69.09,23.54.3"/>
    <path class="cls-3" d="M102.13,537.61c8-1,16-1.56,24.09-1.81"/>
    <path class="cls-3" d="M72.15,543.06q8.19-2.09,16.53-3.5"/>
    <path id="outer-balloon" class="cls-5" d="M259.45,631c0-.83,0-1.66,0-2.5C262.48,551,206.05,489,134,489S4.63,552,3.48,628.5c-.49,32.48,8.34,60,25,82.5,17.44,23.58,44,40,60,55"/>
    <path class="cls-3" d="M21.33,669.76c-.9.49-1.8,1-2.68,1.51"/>
    <path class="cls-3" d="M30.33,692.76c-.9.49-1.8,1-2.68,1.51"/>
    <path class="cls-5 balloon-line-left" d="M120.48,761l-1-10-2-8a364.6,364.6,0,0,1-19-57c-2.1-8.59-3-20-4.49-32-2.28-18.34-4.51-40-3.51-65,.72-18.08-.14-33.92,4-49,4.6-16.76,13-30.36,19-43"/>
    <path class="cls-5 balloon-line-left" d="M111.48,763l-2-9-2.33-7a11.16,11.16,0,0,0-2-3.64C95.49,731.76,85,718.39,75.48,697c-4-9-10.51-23-12-35-2.28-18.33-7-32-6-57,.72-18.08-.14-33.92,4-49a139.35,139.35,0,0,1,22-45"/>
    <path class="cls-5 balloon-line-left" d="M100.48,764l-2-9-2.33-7a11.16,11.16,0,0,0-2-3.64C84.49,732.76,72.48,725,59.48,705c-5.37-8.26-12-18.64-16-30-6-17-9-22-12-47a146.45,146.45,0,0,1,2-48c3.41-17,10-33,19-45"/>
    <path class="cls-5 balloon-line-left" d="M82.48,746c-10.66-9.75-25-21-34-33-27-37-41-82-28.44-125.47"/>
    
    <path class="cls-5 balloon-line-left" d="M138.23,761c-.75-15,9.25-28,14.69-42"/>
    <path class="cls-5 balloon-line-left" d="M147.05,758.07c1.17-2.64,2.45-5.24,3.74-7.82"/>
    <line class="cls-5 balloon-line-left" x1="133.48" y1="759" x2="129.48" y2="497"/>
		<path class="cls-5 balloon-line-right" d="M173.2,629.42A493.21,493.21,0,0,0,175.48,560c-1-23-11-43-22.25-63"/>
    <path class="cls-5 balloon-line-right" d="M204.36,629.89C205.48,602,208.48,573,200.48,545c-4-13-11-24-17.13-35.74"/>
    <path class="cls-5 balloon-line-right" d="M230.39,629.21c2.61-26.3,3.12-52.77-7.58-77.44-2.79-6.43-5.94-12.69-8.8-19.08"/>
    <path class="cls-5 balloon-line-right" d="M246.8,628.1A125.86,125.86,0,0,0,243,583.87"/>
		
		<path class="cls-5 balloon-line-bg" d="M120.48,761l-1-10-2-8a364.6,364.6,0,0,1-19-57c-2.1-8.59-3-20-4.49-32-2.28-18.34-4.51-40-3.51-65,.72-18.08-.14-33.92,4-49,4.6-16.76,13-30.36,19-43"/>
    <path class="cls-5 balloon-line-bg" d="M111.48,763l-2-9-2.33-7a11.16,11.16,0,0,0-2-3.64C95.49,731.76,85,718.39,75.48,697c-4-9-10.51-23-12-35-2.28-18.33-7-32-6-57,.72-18.08-.14-33.92,4-49a139.35,139.35,0,0,1,22-45"/>
    <path class="cls-5 balloon-line-bg" d="M100.48,764l-2-9-2.33-7a11.16,11.16,0,0,0-2-3.64C84.49,732.76,72.48,725,59.48,705c-5.37-8.26-12-18.64-16-30-6-17-9-22-12-47a146.45,146.45,0,0,1,2-48c3.41-17,10-33,19-45"/>
    <path class="cls-5 balloon-line-bg" d="M82.48,746c-10.66-9.75-25-21-34-33-27-37-41-82-28.44-125.47"/>
    <path class="cls-5 balloon-line-bg" d="M173.2,629.42A493.21,493.21,0,0,0,175.48,560c-1-23-11-43-22.25-63"/>
    <path class="cls-5 balloon-line-bg" d="M138.23,761c-.75-15,9.25-28,14.69-42"/>
    <path class="cls-5 balloon-line-bg" d="M147.05,758.07c1.17-2.64,2.45-5.24,3.74-7.82"/>
    <line class="cls-5 balloon-line-bg" x1="133.48" y1="759" x2="129.48" y2="497"/>
    <path class="cls-5 balloon-line-bg" d="M204.36,629.89C205.48,602,208.48,573,200.48,545c-4-13-11-24-17.13-35.74"/>
    <path class="cls-5 balloon-line-bg" d="M230.39,629.21c2.61-26.3,3.12-52.77-7.58-77.44-2.79-6.43-5.94-12.69-8.8-19.08"/>
    <path class="cls-5 balloon-line-bg" d="M246.8,628.1A125.86,125.86,0,0,0,243,583.87"/>
    <path class="cls-5" d="M165.09,503.87c2.91.42,5.82.92,8.71,1.49"/>
    <path class="cls-5" d="M139.34,502.07q4.77,0,9.52.24"/>
    <path class="cls-5" d="M116.64,503.3c3.38-.37,6.76-.67,10.16-.87"/>
    <path class="cls-5" d="M92.13,507.47q4.26-1,8.56-1.78"/>
    <path class="cls-5" d="M124.48,554c-6,9-21.57,9.58-25.52,1.6"/>
    <path class="cls-5" d="M140.07,554.67c8.41,7.57,17.41,8.33,25.57.27"/>
    <path class="cls-5" d="M181.17,559.11a16.36,16.36,0,0,0,17,1.88"/>
    <path class="cls-5" d="M84.16,561.11a16.35,16.35,0,0,1-17,1.88"/>
    <path class="cls-5" d="M211,566.73a16.49,16.49,0,0,0,11.29,2.16"/>
    <path class="cls-5" d="M41,570.72a16.55,16.55,0,0,0,11.35-1.81"/>
    <path class="cls-5" d="M95.61,775.07a104.36,104.36,0,0,1,46.2-5.28"/>
    <path class="cls-3" d="M95.57,784.74a104.36,104.36,0,0,1,46.27-4.62"/>
    <path class="cls-5" d="M141.52,790.43c-14.72-1.36-32-1.43-46,3.57"/>
    <path class="cls-3" d="M127,806"/>
    <line class="cls-5" x1="88.48" y1="796" x2="88.48" y2="767"/>
    <path class="cls-3" d="M32.33,661.76c-.9.49-1.8,1-2.68,1.51"/>
    <path class="cls-3" d="M55.7,653.15c-3.25.94-6.48,2-9.67,3.1"/>
    <path class="cls-3" d="M84.44,646.6c-4.76.83-9.51,1.71-14.26,2.58"/>
    <path class="cls-3" d="M124.87,643.49A174.19,174.19,0,0,0,100,645.31"/>
    <path class="cls-3" d="M41.33,684.76c-.9.49-1.8,1-2.68,1.51"/>
    <path class="cls-3" d="M61.7,677.15c-3.25.94-6.48,2-9.67,3.1"/>
    <path class="cls-3" d="M89.44,671.6c-4.76.83-9.51,1.71-14.26,2.58"/>
    <path class="cls-3" d="M124,669.84a184.6,184.6,0,0,0-20.09,1"/>
    <path class="cls-3" d="M150.61,646a94.32,94.32,0,0,0-12.35-2.45"/>
    <path class="cls-3" d="M176.7,528.27c3.33.4,6.64.9,9.94,1.52"/>
    <path class="cls-3" d="M139.56,526c6.93.28,13.86.49,20.79.87"/>
    <path class="cls-3" d="M105.64,527.42c6.81-.46,13.63-.76,20.43-1.3"/>
    <path class="cls-3" d="M77.73,531.24a117.24,117.24,0,0,1,12.77-2.4"/>
    <path class="cls-3" d="M60.48,537c1.76-1.08-.31-.27,1.55-1.17"/>
    <path class="cls-3" d="M206,534c-1.77-1.08.31-.27-1.55-1.17"/>
    <line class="cls-3" x1="98.34" y1="801.1" x2="100.62" y2="813.9"/>
    <line class="cls-5" x1="142.48" y1="823" x2="97.48" y2="823"/>
    <line class="cls-5" x1="106.48" y1="856" x2="97.48" y2="824"/>
    <line class="cls-5" x1="142.48" y1="856" x2="106.48" y2="856"/>
  </g>
  <g id="blue-building">
    <line class="cls-6" x1="155.48" y1="637" x2="408.48" y2="635"/>
    <line class="cls-6" x1="157.48" y1="660" x2="406.48" y2="658"/>
    <line class="cls-6" x1="403.48" y1="641" x2="403.48" y2="651"/>
    <line class="cls-6" x1="158.48" y1="643" x2="158.48" y2="653"/>
    <line class="cls-6" x1="157.48" y1="691" x2="405.48" y2="689"/>
    <line class="cls-6" x1="160.48" y1="709" x2="160.48" y2="755"/>
    <line class="cls-3" x1="234.48" y1="709" x2="233.48" y2="754"/>
    <line class="cls-6" x1="331.48" y1="707" x2="331.48" y2="753"/>
    <line class="cls-6" x1="402.48" y1="708" x2="402.48" y2="754"/>
    <line class="cls-6" x1="406.48" y1="772" x2="406.48" y2="877"/>
    <line class="cls-6" x1="323.48" y1="771" x2="323.48" y2="877"/>
    <line class="cls-6" x1="237.48" y1="772" x2="237.48" y2="877"/>
    <line class="cls-6" x1="157.46" y1="772.04" x2="153.5" y2="876.96"/>
    <rect class="cls-7" x="168.48" y="721" width="57" height="29"/>
    <rect class="cls-7" x="339.48" y="719" width="55" height="30"/>
    <path class="cls-6" d="M241.48,751c2.85-20.32,18.67-36,41-36,22.52,0,38.39,16.42,41,37"/>
    <line class="cls-3" x1="146.48" y1="671" x2="408.48" y2="669"/>
    <line class="cls-3" x1="145.48" y1="682" x2="408.48" y2="679"/>
    <line class="cls-3" x1="156.48" y1="701" x2="405.48" y2="699"/>
    <line class="cls-3" x1="147.48" y1="765" x2="248.48" y2="764"/>
    <line class="cls-3" x1="310.48" y1="763" x2="410.48" y2="763"/>
    <line class="cls-3" x1="162.48" y1="858" x2="228.48" y2="858"/>
    <line class="cls-3" x1="331.48" y1="857" x2="398.48" y2="857"/>
  </g>
  <g id="las-vegas">
    <line class="cls-8" x1="10.98" y1="899.5" x2="10.98" y2="1003.5"/>
    <line class="cls-8" x1="62.98" y1="1003.5" x2="10.98" y2="1003.5"/>
    <line class="cls-8" x1="100.98" y1="952.5" x2="125.98" y2="899.5"/>
    <line class="cls-8" x1="168.98" y1="1002.5" x2="125.98" y2="899.5"/>
    <line class="cls-8" x1="138.98" y1="965.5" x2="97.98" y2="965.5"/>
    <line class="cls-8" x1="78.98" y1="1003.5" x2="97.98" y2="965.5"/>
    <path class="cls-8" d="M248,911.5c-4-6-9-9-15-11-9.7-3.23-21.23-3.31-28,1-5.94,3.78-12.63,12.44-11,21,1.27,6.65,7.11,10.9,10,13,4.9,3.56,9.07,4.49,14,6,13.66,4.17,22,9,28,17s8,17.36,3,27c-7.79,15.12-26.16,15.85-30,16-3,.12-17.88.71-27-10a26.7,26.7,0,0,1-5-9"/>
    <line class="cls-8" x1="665.98" y1="955.5" x2="640.98" y2="902.5"/>
    <line class="cls-8" x1="597.98" y1="1005.5" x2="640.98" y2="902.5"/>
    <line class="cls-8" x1="627.98" y1="968.5" x2="668.98" y2="968.5"/>
    <line class="cls-8" x1="687.98" y1="1006.5" x2="668.98" y2="968.5"/>
    <path class="cls-8" d="M763,914.5c-4-6-9-9-15-11-9.7-3.23-21.23-3.31-28,1-5.94,3.78-12.63,12.44-11,21,1.27,6.65,7.11,10.9,10,13,4.9,3.56,9.07,4.49,14,6,13.66,4.17,22,9,28,17s8,17.36,3,27c-7.79,15.12-26.16,15.85-30,16-3,.12-17.88.71-27-10a26.7,26.7,0,0,1-5-9"/>
    <line class="cls-8" x1="303.98" y1="897.5" x2="341.98" y2="1003.5"/>
    <line class="cls-8" x1="382.98" y1="898.5" x2="341.98" y2="1003.5"/>
    <line class="cls-8" x1="463.98" y1="900.5" x2="406.98" y2="899.5"/>
    <line class="cls-8" x1="404.98" y1="1004.5" x2="406.98" y2="899.5"/>
    <line class="cls-8" x1="459.98" y1="1005.5" x2="404.98" y2="1004.5"/>
    <line class="cls-8" x1="422.98" y1="951.5" x2="443.98" y2="951.5"/>
    <path class="cls-8" d="M575,923.5a52.53,52.53,0,0,0-94,19c-5.42,24.33,8,47.93,27,58,15,8,30.21,5.66,37,4,3.47-.85,23.14-5.67,33-24a45,45,0,0,0,5-16"/>
    <line class="cls-8" x1="550.98" y1="964.5" x2="582.98" y2="964.5"/>
  </g>
  <g id="marathon">
    <line class="cls-9" x1="121.98" y1="1060.5" x2="125.98" y2="1032.5"/>
    <line class="cls-9" x1="136.48" y1="1061" x2="126.48" y2="1033"/>
    <line class="cls-9" x1="147.48" y1="1033" x2="136.48" y2="1061"/>
    <line class="cls-9" x1="149.48" y1="1061" x2="147.48" y2="1033"/>
    <line class="cls-9" x1="156.48" y1="1061" x2="168.48" y2="1032"/>
    <line class="cls-9" x1="179.48" y1="1061" x2="168.48" y2="1032"/>
    <line class="cls-9" x1="163.48" y1="1050" x2="173.48" y2="1050"/>
    <line class="cls-9" x1="207.48" y1="1061" x2="219.48" y2="1032"/>
    <line class="cls-9" x1="230.48" y1="1061" x2="219.48" y2="1032"/>
    <line class="cls-9" x1="214.48" y1="1050" x2="224.48" y2="1050"/>
    <line class="cls-9" x1="186.48" y1="1061" x2="186.48" y2="1033"/>
    <path class="cls-9" d="M187.25,1032.83a10.13,10.13,0,0,1,4.23-.83c5.52,0,10,2.36,10,6.5s-4.48,7.5-10,7.5a5.67,5.67,0,0,1-4-1"/>
    <line class="cls-9" x1="201.48" y1="1061" x2="191.48" y2="1046"/>
    <line class="cls-9" x1="232.48" y1="1033" x2="249.48" y2="1033"/>
    <line class="cls-9" x1="240.48" y1="1062" x2="240.48" y2="1033"/>
    <line class="cls-9" x1="255.48" y1="1032" x2="255.48" y2="1062"/>
    <line class="cls-9" x1="272.48" y1="1032" x2="272.48" y2="1062"/>
    <line class="cls-10" x1="256.48" y1="1048" x2="270.48" y2="1048"/>
    <path class="cls-9" d="M307.48,1047.5c0,8-6.27,13.5-14,13.5s-14-5.49-14-13.5a14,14,0,1,1,28,0Z"/>
    <line class="cls-9" x1="313.48" y1="1062" x2="312.48" y2="1033"/>
    <line class="cls-9" x1="333.48" y1="1062" x2="332.48" y2="1032"/>
    <line class="cls-9" x1="312.48" y1="1032" x2="332.48" y2="1062"/>
    <line class="cls-9" x1="440.98" y1="1062.5" x2="444.98" y2="1034.5"/>
    <line class="cls-9" x1="455.48" y1="1063" x2="445.48" y2="1035"/>
    <line class="cls-9" x1="466.48" y1="1035" x2="455.48" y2="1063"/>
    <line class="cls-9" x1="469.48" y1="1064" x2="466.48" y2="1035"/>
    <line class="cls-9" x1="477.48" y1="1064" x2="488.48" y2="1036"/>
    <line class="cls-9" x1="499.48" y1="1065" x2="488.48" y2="1036"/>
    <line class="cls-9" x1="483.48" y1="1054" x2="493.48" y2="1054"/>
    <line class="cls-9" x1="528.48" y1="1066" x2="540.48" y2="1037"/>
    <line class="cls-9" x1="551.48" y1="1066" x2="540.48" y2="1037"/>
    <line class="cls-9" x1="535.48" y1="1055" x2="545.48" y2="1055"/>
    <line class="cls-9" x1="506.48" y1="1065" x2="506.48" y2="1037"/>
    <path class="cls-9" d="M507.25,1036.83a10.13,10.13,0,0,1,4.23-.83c5.52,0,10,2.36,10,6.5s-4.48,7.5-10,7.5a5.67,5.67,0,0,1-4-1"/>
    <line class="cls-9" x1="521.48" y1="1065" x2="511.48" y2="1050"/>
    <line class="cls-9" x1="554.48" y1="1037" x2="571.48" y2="1037"/>
    <line class="cls-9" x1="562.48" y1="1066" x2="562.48" y2="1037"/>
    <line class="cls-9" x1="577.48" y1="1037" x2="577.48" y2="1067"/>
    <line class="cls-9" x1="594.48" y1="1037" x2="594.48" y2="1067"/>
    <line class="cls-10" x1="578.48" y1="1053" x2="592.48" y2="1053"/>
    <path class="cls-9" d="M629.48,1052.5c0,8-6.27,13.5-14,13.5s-14-5.49-14-13.5a14,14,0,1,1,28,0Z"/>
    <line class="cls-9" x1="636.48" y1="1068" x2="635.48" y2="1039"/>
    <line class="cls-9" x1="656.48" y1="1068" x2="655.48" y2="1038"/>
    <line class="cls-9" x1="635.48" y1="1038" x2="655.48" y2="1068"/>
    <line class="cls-9" x1="381.48" y1="1038" x2="386.48" y2="1033"/>
    <line class="cls-9" x1="386.48" y1="1063" x2="386.48" y2="1033"/>
    <line class="cls-9" x1="391.48" y1="1063" x2="401.48" y2="1033"/>
    <line class="cls-9" x1="406.48" y1="1062" x2="423.48" y2="1062"/>
    <path class="cls-9" d="M408.48,1041c.21-4.75,4.14-7.18,8-7,4.35.21,8.08,5.2,7,9-2,7-10,12-17,19"/>
    <line class="cls-9" x1="366.48" y1="1063" x2="348.48" y2="1044"/>
    <line class="cls-9" x1="367.48" y1="1052" x2="358.48" y2="1062"/>
    <path class="cls-9" d="M360.58,1060a7.83,7.83,0,0,1-6.1,3,8.26,8.26,0,0,1-8-8.5,8.76,8.76,0,0,1,2.33-6"/>
    <circle class="cls-9" cx="353.98" cy="1040.5" r="6.5"/>
  </g>
  <g id="diamond">
    <line class="cls-11" x1="431.48" y1="815" x2="467.48" y2="811"/>
    <line class="cls-11" x1="485.48" y1="828" x2="467.48" y2="811"/>
    <line class="cls-11" x1="418.48" y1="835" x2="431.48" y2="815"/>
    <line class="cls-11" x1="455.48" y1="868" x2="485.48" y2="828"/>
    <line class="cls-11" x1="418.48" y1="835" x2="455.48" y2="868"/>
    <line class="cls-11" x1="429.48" y1="834" x2="474.48" y2="830"/>
    <line class="cls-11" x1="457.48" y1="825" x2="464.48" y2="818"/>
    <line class="cls-11" x1="446.48" y1="826" x2="436.48" y2="821"/>
    <line class="cls-11" x1="445.48" y1="840" x2="450.48" y2="853"/>
    <line class="cls-11" x1="458.48" y1="853" x2="460.48" y2="840"/>
  </g>
  <g id="martini-glass">
    <path class="cls-11" d="M24.48,795c-6.91,0-14-5.1-14-12s5.59-13,12.5-13,12.5,5.1,12.5,12"/>
    <line class="cls-11" x1="35.48" y1="782" x2="70.48" y2="798"/>
    <line class="cls-11" x1="39.48" y1="814" x2="70.48" y2="798"/>
    <line class="cls-11" x1="25.48" y1="795" x2="31.48" y2="810"/>
    <line class="cls-11" x1="16.48" y1="840" x2="31.48" y2="810"/>
    <line class="cls-11" x1="25.48" y1="844" x2="39.48" y2="814"/>
    <path class="cls-11" d="M25.48,844c9,5,13.41,9.35,12.36,11.73s-9.81,1.11-19.4-3.16S2,842.79,3.12,840.27c1-2.16,5.36-2.27,12.36.73"/>
  </g>
  <g id="white-building">
    <line class="cls-3" x1="214.48" y1="404" x2="214.48" y2="326"/>
    <line class="cls-3" x1="300.48" y1="325" x2="214.48" y2="326"/>
    <line class="cls-3" x1="302.48" y1="389" x2="300.48" y2="325"/>
    <line class="cls-3" x1="303.48" y1="628" x2="303.48" y2="586"/>
  </g>
  <g id="music-note">
    <path class="cls-12" d="M749.62,855.05c.91,6.57-4.84,12.79-12.85,13.9s-15.23-3.31-16.15-9.87"/>
    <line class="cls-12" x1="733.48" y1="808" x2="774.48" y2="792"/>
    <line class="cls-12" x1="787.48" y1="838" x2="774.98" y2="791.5"/>
    <line class="cls-12" x1="741.98" y1="846.5" x2="733.98" y2="808.5"/>
    <line class="cls-12" x1="742.98" y1="819.5" x2="773.48" y2="808"/>
    <line class="cls-12" x1="778.48" y1="831" x2="773.48" y2="808"/>
    <line class="cls-12" x1="749.98" y1="854.5" x2="742.98" y2="819.5"/>
    <path class="cls-12" d="M749.62,855.05c.91,6.57-4.84,12.79-12.85,13.9s-15.23-3.31-16.15-9.87,4.85-12.79,12.86-13.9a17.34,17.34,0,0,1,5.77.15"/>
    <path class="cls-12" d="M787.48,838c.91,6.56-3.7,15.84-11.71,17s-15.23-3.31-16.15-9.87,4.85-12.79,12.86-13.9a17.34,17.34,0,0,1,5.77.15"/>
  </g>
  <g id="welcome-sign">
    <g id="sign-outline">
      <line class="cls-12" x1="257.98" y1="559.5" x2="335.98" y2="590.5"/>
      <line class="cls-12" x1="447.29" y1="546.52" x2="336.67" y2="590.48"/>
      <line class="cls-12" x1="302.48" y1="402" x2="335.48" y2="387"/>
      <line class="cls-12" x1="372.48" y1="402" x2="335.48" y2="387"/>
      <path class="cls-12" d="M143.57,473.52c7-8.06,17.35-12.42,27.22-15.87"/>
      <path class="cls-12" d="M509.4,457.76c13.06,5.35,28.81,14.94,29.07,30.85"/>
    </g>
    <g id="sign-w" class="sign-letter">
      <ellipse class="cls-12" cx="189.98" cy="431.5" rx="24.5" ry="23.5"/>
      <line class="cls-13" x1="177.98" y1="423.5" x2="185.48" y2="443"/>
      <line class="cls-13" x1="189.98" y1="422.5" x2="185.98" y2="442.5"/>
      <line class="cls-13" x1="194.98" y1="442.5" x2="189.98" y2="422.5"/>
      <line class="cls-13" x1="201.98" y1="422.5" x2="194.98" y2="442.5"/>
    </g>
    <g id="sign-e-1" class="sign-letter">
      <ellipse class="cls-12" cx="238.98" cy="431.5" rx="24.5" ry="23.5"/>
      <line class="cls-13" x1="243.98" y1="422.5" x2="233.98" y2="422.5"/>
      <line class="cls-13" x1="233.98" y1="441.5" x2="233.98" y2="423.5"/>
      <line class="cls-13" x1="243.98" y1="441.5" x2="234.98" y2="441.5"/>
      <line class="cls-14" x1="241.98" y1="431.5" x2="234.98" y2="431.5"/>
    </g>
    <g id="sign-l" class="sign-letter">
      <ellipse class="cls-12" cx="287.98" cy="431.5" rx="24.5" ry="23.5"/>
      <line class="cls-13" x1="283.48" y1="422" x2="283.48" y2="441"/>
      <line class="cls-13" x1="294.48" y1="442" x2="283.48" y2="442"/>
    </g>
    <g id="sign-c" class="sign-letter">
      <ellipse class="cls-12" cx="336.98" cy="431.5" rx="24.5" ry="23.5"/>
      <path class="cls-15" d="M344.48,440a10.43,10.43,0,0,1-12.26,0,10,10,0,0,1-1.62-14c3.43-4.32,10.55-4.34,14.88-.91"/>
    </g>
    <g id="sign-o" class="sign-letter">
      <ellipse class="cls-12" cx="385.48" cy="431.5" rx="24" ry="23.5"/>
      <circle class="cls-16" cx="385.48" cy="432" r="10"/>
    </g>
    <g id="sign-m" class="sign-letter">
      <circle class="cls-12" cx="433.48" cy="431" r="24"/>
      <line class="cls-13" x1="423.98" y1="441.5" x2="426.98" y2="421.5"/>
      <line class="cls-13" x1="433.98" y1="441" x2="427.98" y2="421.5"/>
      <line class="cls-13" x1="440.98" y1="421.5" x2="433.98" y2="441.5"/>
      <line class="cls-13" x1="443.98" y1="441.5" x2="441.98" y2="421.5"/>
    </g>
    <g id="sign-e-2" class="sign-letter">
      <circle class="cls-12" cx="482.48" cy="431" r="24"/>
      <line class="cls-13" x1="487.98" y1="421.5" x2="477.98" y2="421.5"/>
      <line class="cls-13" x1="477.98" y1="440.5" x2="477.98" y2="422.5"/>
      <line class="cls-13" x1="487.98" y1="440.5" x2="478.98" y2="440.5"/>
      <line class="cls-14" x1="485.98" y1="430.5" x2="478.98" y2="430.5"/>
    </g>
    <g id="welcome-date">
      <line class="cls-3" x1="235.48" y1="491" x2="242.48" y2="486"/>
      <line class="cls-3" x1="242.48" y1="519" x2="242.48" y2="486"/>
      <path class="cls-3" d="M294.48,509c0,.75-.19,5.28,3,8,4.33,3.7,12.41,2,15-3a9.61,9.61,0,0,0,0-9c-1.56-3.12-7.83-3.58-8-4"/>
      <line class="cls-3" x1="251.48" y1="491" x2="258.48" y2="486"/>
      <line class="cls-3" x1="258.48" y1="519" x2="258.48" y2="486"/>
      <line class="cls-3" x1="278.48" y1="491" x2="285.48" y2="486"/>
      <line class="cls-3" x1="285.48" y1="519" x2="285.48" y2="486"/>
      <line class="cls-3" x1="403.48" y1="491" x2="410.48" y2="486"/>
      <line class="cls-3" x1="410.48" y1="519" x2="410.48" y2="486"/>
      <circle class="cls-17" cx="267.98" cy="518.5" r="1.5"/>
      <circle class="cls-17" cx="323.98" cy="518.5" r="1.5"/>
      <ellipse class="cls-3" cx="379.48" cy="502" rx="17" ry="16"/>
      <ellipse class="cls-3" cx="431.38" cy="508" rx="10.09" ry="10"/>
      <line class="cls-3" x1="432.48" y1="486" x2="421.48" y2="505"/>
      <line class="cls-3" x1="333.48" y1="518" x2="353.48" y2="518"/>
      <path class="cls-3" d="M334.48,493c2.36-5.57,7.79-8.29,12-7a9,9,0,0,1,6,8c0,7-2.35,7.69-6,12a96.36,96.36,0,0,1-13,12"/>
      <path class="cls-3" d="M296.48,493a8.79,8.79,0,0,1,2-5,8.63,8.63,0,0,1,6-2c4.17.24,8.16,4.33,7,9a8.59,8.59,0,0,1-7,6"/>
      <path class="cls-3" d="M299.48,466"/>
    </g>
  </g>
  <g id="eiffel-tower">
		<g id="eiffel-tower-6">
			<line class="cls-11" x1="74.48" y1="210" x2="77.48" y2="156"/>
			<line class="cls-11" x1="80.48" y1="210" x2="77.48" y2="156"/>
		</g>
		<g id="eiffel-tower-5">
			<line class="cls-11" x1="63.48" y1="231" x2="90.48" y2="231"/>
			<path class="cls-11" d="M63,230.93C64.76,218.87,69.42,210,77.48,210c10,0,13.58,8.07,15,21"/>
		</g>
		<g id="eiffel-tower-4">
			<line class="cls-11" x1="49.48" y1="418" x2="70.48" y2="418"/>
			<line class="cls-11" x1="82.48" y1="418" x2="105.48" y2="418"/>
			<line class="cls-11" x1="64.48" y1="240" x2="90.48" y2="240"/>
			<path class="cls-11" d="M64.48,240c.17,25.3-1.38,50.93-2,66-.74,17.8-1.69,30.89-2,35-.42,5.54-1.06,14.1-2,23-1.29,12.2-4.59,31.22-9,52"/>
			<path class="cls-11" d="M90.49,240c-.17,25.3,1.38,50.93,2,66,.74,17.8,1.69,30.89,2,35,.42,5.54,1.06,14.1,2,23,1.29,12.2,4.59,31.22,9,52"/>
			<line class="cls-11" x1="71.48" y1="418" x2="77.14" y2="353.52"/>
			<line class="cls-11" x1="82.48" y1="418" x2="77.14" y2="353.52"/>
		</g>
		
    
    
    
    
		
		
    
    <rect id="eiffel-tower-3" class="cls-9" x="43.48" y="429" width="68" height="15"/>
		
    <g id="eiffel-tower-2">
			<line class="cls-11" x1="42.48" y1="456" x2="66.48" y2="456"/>
			<path class="cls-11" d="M41.48,458c-1.15,8-2.76,16.74-5,26-2.4,9.9-8.16,25.92-11,34"/>
			<line class="cls-11" x1="58.48" y1="502" x2="66.48" y2="457"/>
			<line class="cls-11" x1="86.48" y1="455" x2="111.48" y2="455"/>
			<line class="cls-11" x1="25.48" y1="518" x2="39.48" y2="518"/>
			<line class="cls-11" x1="91.48" y1="487" x2="86.48" y2="455"/>
			<line class="cls-11" x1="117.48" y1="481" x2="112.48" y2="456"/>
		</g>
		
		<g id="eiffel-tower-1">
			<line class="cls-11" x1="28.48" y1="531" x2="18.48" y2="531"/>
			<path class="cls-11" d="M15.48,551a91.55,91.55,0,0,0,2-9c.48-2.84.8-8.52,1-11"/>
		</g>
  </g>
  <g id="heart">
    <path class="cls-12" d="M156.48,405c4.22-4.64,9.62-12,14-18,4.94-6.83,7.62-8.31,8-12,.55-5.41-2.71-13.32-10-15-6.63-1.53-13.89,2.71-16,10"/>
    <path class="cls-12" d="M156.48,405c-5.22-3.49-12.73-9.16-18.43-14-6.45-5.43-9.4-6.22-10.66-9.71-1.84-5.11-.58-13.58,6.08-17,6.07-3.08,14.14-.72,17.95,5.84"/>
  </g>
  <g id="luxor">
    <g id="pyramid">
      <line class="cls-5" x1="115.48" y1="345" x2="237.48" y2="227"/>
      <line class="cls-5" x1="397.48" y1="389" x2="237.48" y2="227"/>
      <line class="cls-5" x1="266.48" y1="308" x2="237.48" y2="227"/>
      <polygon class="cls-18" points="265.48 255 251.48 266 196.48 266 237.48 227 265.48 255"/>
    </g>
    <g id="light">
      <line id="middle-light" class="cls-12" x1="236.48" y1="210" x2="236.48" y2="94"/>
			<polyline id="left-yellow-light" stroke-linecap="round" stroke-linejoin="round" class="cls-12" points="198.48 246 195.48 225 208.48 230 207.48 186"/>
	<polyline id="right-yellow-light" stroke-linecap="round" stroke-linejoin="round" class="cls-12" points="275.48 246 278.48 225 265.48 230 266.48 186"/>
      <line id="right-white-light" class="cls-3" x1="222.48" y1="221" x2="222.48" y2="102"/>
      <line id="left-white-light" class="cls-3" x1="250.48" y1="222" x2="250.48" y2="119"/>
    </g>
		<g id="light-bg">
      <line id="middle-light-bg" class="cls-12" x1="236.48" y1="210" x2="236.48" y2="94"/>
      <g id="left-yellow-light-bg">
        <line class="cls-12" x1="207.48" y1="186" x2="208.48" y2="230"/>
        <line class="cls-12" x1="195.48" y1="225" x2="208.48" y2="230"/>
        <line class="cls-12" x1="198.48" y1="246" x2="195.48" y2="225"/>
      </g>
      <g id="right-yellow-light-bg">
        <line class="cls-12" x1="266.48" y1="186" x2="265.48" y2="230"/>
        <line class="cls-12" x1="278.48" y1="225" x2="265.48" y2="230"/>
        <line class="cls-12" x1="275.48" y1="246" x2="278.48" y2="225"/>
      </g>
      <line id="right-white-light-bg" class="cls-3" x1="222.48" y1="102" x2="222.48" y2="221"/>
      <line id="left-white-light-bg" class="cls-3" x1="250.48" y1="119" x2="250.48" y2="222"/>
    </g>
  </g>
  <g id="excalibur">
    <g id="left-tower">
      <line class="cls-11" x1="549.48" y1="433" x2="574.48" y2="335"/>
      <line class="cls-11" x1="602.48" y1="435" x2="574.48" y2="335"/>
      <line class="cls-11" x1="608.48" y1="474" x2="608.48" y2="461"/>
      <line class="cls-11" x1="541.48" y1="471" x2="541.48" y2="462"/>
      <line class="cls-11" x1="608.48" y1="461" x2="615.48" y2="455"/>
      <line class="cls-11" x1="534.48" y1="455" x2="615.48" y2="455"/>
      <line class="cls-11" x1="541.48" y1="462" x2="534.48" y2="455"/>
      <line class="cls-11" x1="535.48" y1="446" x2="613.48" y2="446"/>
      <line class="cls-11" x1="602.48" y1="435" x2="615.48" y2="446"/>
      <line class="cls-11" x1="549.48" y1="433" x2="535.48" y2="446"/>
    </g>
    <g id="center-tower">
      <line class="cls-11" x1="620.48" y1="226" x2="602.48" y2="307"/>
      <line class="cls-11" x1="643.48" y1="308" x2="620.48" y2="226"/>
      <line class="cls-11" x1="602.48" y1="387" x2="602.48" y2="351"/>
      <line class="cls-11" x1="642.48" y1="396" x2="642.48" y2="351"/>
      <line class="cls-11" x1="602.48" y1="307" x2="587.48" y2="330"/>
      <line class="cls-11" x1="643.48" y1="308" x2="657.48" y2="328"/>
      <line class="cls-11" x1="642.48" y1="351" x2="656.48" y2="338"/>
      <line class="cls-11" x1="602.48" y1="351" x2="588.48" y2="339"/>
      <path class="cls-11" d="M588.48,339c5-2.56,21.45-8.6,34-9,13.52-.43,28.86,5.59,34,8"/>
      <path class="cls-11" d="M588.48,330c5-2.56,21.45-8.6,34-9,13.52-.43,29.86,5.59,35,8"/>
    </g>
    <g id="right-tower">
      <line class="cls-11" x1="663.48" y1="383" x2="685.48" y2="277"/>
      <line class="cls-11" x1="711.48" y1="382" x2="685.48" y2="277"/>
      <line class="cls-11" x1="659.48" y1="485" x2="659.48" y2="442"/>
      <line class="cls-11" x1="720.48" y1="527" x2="718.48" y2="442"/>
      <line class="cls-11" x1="659.48" y1="442" x2="645.48" y2="423"/>
      <line class="cls-11" x1="718.48" y1="442" x2="731.48" y2="421"/>
      <line class="cls-11" x1="711.48" y1="382" x2="731.48" y2="411"/>
      <line class="cls-11" x1="663.48" y1="383" x2="645.48" y2="411"/>
      <path class="cls-11" d="M645.48,411c9-2.22,29.32-5.31,44-5,13.8.29,33.39,2.61,42,5"/>
      <path class="cls-11" d="M645.48,421c9-2.22,29.32-5.31,44-5,13.8.29,33.39,2.61,42,5"/>
      <line class="cls-3" x1="679.48" y1="488" x2="702.48" y2="487"/>
      <line class="cls-3" x1="678.48" y1="455" x2="679.48" y2="488"/>
      <line class="cls-3" x1="700.48" y1="455" x2="702.48" y2="487"/>
      <path class="cls-3" d="M678.48,455.5c0-5.25,5.15-9.5,11.5-9.5s10.5,3.75,10.5,9"/>
    </g>
  </g>
  <g id="stratosphere">
    <line class="cls-6" x1="421.48" y1="591" x2="422.48" y2="572"/>
    <line class="cls-6" x1="447.48" y1="75" x2="448.48" y2="133"/>
    <line class="cls-6" x1="390.48" y1="181" x2="506.48" y2="180"/>
    <line class="cls-6" x1="386.48" y1="214" x2="513.48" y2="212"/>
    <line class="cls-6" x1="408.48" y1="248" x2="488.48" y2="247"/>
    <line class="cls-6" x1="398.48" y1="262" x2="419.48" y2="262"/>
    <line class="cls-6" x1="438.48" y1="261" x2="462.48" y2="261"/>
    <line class="cls-6" x1="481.48" y1="260" x2="501.48" y2="260"/>
    <line class="cls-6" x1="438.48" y1="308" x2="438.48" y2="262"/>
    <line class="cls-6" x1="463.48" y1="308" x2="462.48" y2="262"/>
    <line class="cls-6" x1="481.48" y1="260" x2="463.48" y2="309"/>
    <line class="cls-6" x1="438.48" y1="309" x2="419.48" y2="262"/>
    <line class="cls-6" x1="433.48" y1="147" x2="462.48" y2="147"/>
    <line class="cls-6" x1="507.48" y1="179" x2="462.48" y2="147"/>
    <line class="cls-6" x1="390.48" y1="181" x2="433.48" y2="147"/>
    <line class="cls-3" x1="371.48" y1="198" x2="525.48" y2="197"/>
    <line class="cls-3" x1="397.48" y1="232" x2="497.48" y2="231"/>
    <path class="cls-6" d="M421.48,393c-2.26-21-5.2-43-9-66-3.6-21.72-9.66-45.41-14-65"/>
    <path class="cls-6" d="M481.48,390c1.13-20.21,3.29-42.33,7-66,3.34-21.32,8.49-46,13-64"/>
  </g>
  <g id="dice">
    <g id="front-die">
      <rect class="cls-19" x="516.87" y="123.57" width="41.86" height="39.25" transform="translate(-18.71 148.79) rotate(-15.49)"/>
      <circle class="cls-20" cx="529.98" cy="155.5" r="1.5"/>
      <circle class="cls-20" cx="537.98" cy="143.5" r="1.5"/>
      <circle class="cls-20" cx="545.98" cy="130.5" r="1.5"/>
    </g>
    <g id="back-die">
      <polyline class="cls-19" points="515.67 142.61 490.35 144.53 487.44 106.21 529.18 103.05 530.83 124.72"/>
      <circle class="cls-20" cx="501.98" cy="131.5" r="1.5"/>
      <circle class="cls-20" cx="500.98" cy="115.5" r="1.5"/>
      <circle class="cls-20" cx="516.98" cy="114.5" r="1.5"/>
    </g>
  </g>
  <g id="diamond-2" data-name="diamond">
    <rect class="cls-7" x="365.32" y="102.34" width="30.44" height="30.17" transform="translate(-3.64 222.34) rotate(-32.42)"/>
  </g>
  <g id="statue-of-liberty">
    <path class="cls-12" d="M601.48,201a59.77,59.77,0,0,0-8,29,56.67,56.67,0,0,0,1,11"/>
    <path class="cls-12" d="M586.48,140c-.42,6.72.66,11.87,2,21a124.87,124.87,0,0,0,13,40"/>
    <path class="cls-12" d="M577.48,87a11.21,11.21,0,0,0-3,4l-1,9c-1.35,3.87-.87,2.88,0,4,1.35,1.76,3.39,4,5,6,1.77,2.17,1.25,5.45,1,7"/>
    <line class="cls-12" x1="579.48" y1="118" x2="577.48" y2="122"/>
    <line class="cls-12" x1="576.48" y1="124" x2="579.48" y2="127"/>
    <line class="cls-12" x1="578.48" y1="134" x2="579.48" y2="127"/>
    <line class="cls-12" x1="578.77" y1="134.83" x2="586.48" y2="138"/>
    <g id="flame">
      <line class="cls-12" x1="572.48" y1="82" x2="577.48" y2="87"/>
      <line class="cls-12" x1="564.48" y1="78" x2="572.48" y2="82"/>
      <line class="cls-12" x1="566.48" y1="68" x2="564.48" y2="78"/>
      <line class="cls-12" x1="563.48" y1="63" x2="565.48" y2="66"/>
      <line class="cls-12" x1="566.48" y1="58" x2="563.48" y2="63"/>
      <line class="cls-12" x1="573.47" y1="56.77" x2="568.49" y2="57.23"/>
      <line class="cls-12" x1="574.48" y1="44" x2="573.48" y2="57"/>
      <line class="cls-12" x1="592.48" y1="31" x2="574.48" y2="44"/>
      <line class="cls-12" x1="599.48" y1="37" x2="591.48" y2="39"/>
      <line class="cls-12" x1="592.48" y1="31" x2="591.48" y2="37"/>
      <line class="cls-12" x1="593.48" y1="53" x2="599.48" y2="37"/>
      <line class="cls-12" x1="601.48" y1="57" x2="592.48" y2="56"/>
      <line class="cls-12" x1="604.48" y1="64" x2="601.48" y2="57"/>
      <line class="cls-12" x1="599.48" y1="71" x2="604.48" y2="64"/>
      <line class="cls-12" x1="604.48" y1="74" x2="600.48" y2="72"/>
      <line class="cls-12" x1="591.48" y1="87" x2="604.48" y2="74"/>
    </g>
    <line class="cls-12" x1="589.48" y1="94" x2="591.48" y2="87"/>
    <line class="cls-12" x1="595.48" y1="101" x2="589.48" y2="94"/>
    <path class="cls-12" d="M617.48,174c-3.06-10.92-5.42-19.85-7-26-3.47-13.44-4.8-19.53-8-29-2.63-7.77-5.22-14-7-18"/>
    <line class="cls-12" x1="617.48" y1="174" x2="618.48" y2="183"/>
    <line class="cls-12" x1="625.48" y1="192" x2="618.48" y2="183"/>
    <line class="cls-12" x1="640.48" y1="187" x2="625.48" y2="192"/>
    <line class="cls-12" x1="622.48" y1="181" x2="640.48" y2="187"/>
    <line class="cls-12" x1="639.48" y1="177" x2="622.48" y2="177"/>
    <line class="cls-12" x1="644.48" y1="170" x2="639.48" y2="177"/>
    <line class="cls-12" x1="621.48" y1="153" x2="644.48" y2="170"/>
    <line class="cls-12" x1="650.48" y1="166" x2="622.48" y2="153"/>
    <line class="cls-12" x1="655.48" y1="163" x2="650.48" y2="166"/>
    <line class="cls-12" x1="651.48" y1="142" x2="655.48" y2="163"/>
    <line class="cls-12" x1="663.48" y1="163" x2="651.48" y2="142"/>
    <line class="cls-12" x1="674.48" y1="164" x2="663.48" y2="163"/>
    <line class="cls-12" x1="685.48" y1="145" x2="674.48" y2="164"/>
    <line class="cls-12" x1="681.48" y1="166" x2="686.48" y2="146"/>
    <line class="cls-12" x1="685.48" y1="172" x2="681.48" y2="166"/>
    <line class="cls-12" x1="709.48" y1="160" x2="685.48" y2="172"/>
    <line class="cls-12" x1="689.48" y1="177" x2="708.48" y2="161"/>
    <line class="cls-12" x1="719.48" y1="182" x2="691.48" y2="183"/>
    <line class="cls-12" x1="689.48" y1="177" x2="691.48" y2="183"/>
    <line class="cls-12" x1="694.48" y1="190" x2="719.48" y2="182"/>
    <line class="cls-12" x1="694.48" y1="198" x2="694.48" y2="190"/>
    <line class="cls-12" x1="691.48" y1="201" x2="694.48" y2="198"/>
    <line class="cls-12" x1="629.48" y1="198" x2="641.48" y2="196"/>
    <line class="cls-12" x1="641.48" y1="206" x2="641.48" y2="196"/>
    <line class="cls-12" x1="629.48" y1="198" x2="641.48" y2="219"/>
    <line class="cls-12" x1="646.48" y1="205" x2="641.48" y2="219"/>
    <line class="cls-12" x1="688.48" y1="206" x2="692.48" y2="225"/>
    <line class="cls-12" x1="693.48" y1="204" x2="695.48" y2="227"/>
    <line class="cls-12" x1="702.48" y1="240" x2="695.48" y2="227"/>
    <line class="cls-12" x1="714.48" y1="244" x2="702.48" y2="240"/>
    <line class="cls-12" x1="727.48" y1="268" x2="714.48" y2="244"/>
    <line class="cls-12" x1="734.48" y1="282" x2="728.48" y2="268"/>
    <line class="cls-12" x1="743.48" y1="288" x2="734.48" y2="282"/>
    <line class="cls-12" x1="754.48" y1="270" x2="743.48" y2="288"/>
    <line class="cls-12" x1="773.48" y1="283" x2="754.48" y2="270"/>
    <line class="cls-12" x1="766.48" y1="298" x2="773.48" y2="283"/>
    <line class="cls-12" x1="769.48" y1="310" x2="766.48" y2="298"/>
    <line class="cls-12" x1="766.48" y1="330" x2="769.48" y2="310"/>
    <line class="cls-12" x1="764.48" y1="338" x2="766.48" y2="330"/>
    <line class="cls-12" x1="762.48" y1="351" x2="764.48" y2="338"/>
    <line class="cls-12" x1="761.48" y1="362" x2="762.48" y2="351"/>
    <line class="cls-12" x1="759.48" y1="370" x2="761.48" y2="362"/>
    <line class="cls-12" x1="750.48" y1="378" x2="759.48" y2="370"/>
    <line class="cls-12" x1="745.48" y1="384" x2="748.48" y2="380"/>
    <line class="cls-12" x1="737.48" y1="383" x2="745.48" y2="384"/>
    <line class="cls-12" x1="727.48" y1="378" x2="735.48" y2="381"/>
  </g>
  <g id="guitar">
    <line class="cls-5" x1="509.48" y1="355" x2="529.48" y2="307"/>
    <line class="cls-5" x1="520.48" y1="356" x2="540.48" y2="317"/>
    <line class="cls-5" x1="549.48" y1="265" x2="563.48" y2="271"/>
    <line class="cls-5" x1="546.48" y1="273" x2="560.48" y2="279"/>
    <line class="cls-5" x1="541.48" y1="283" x2="555.48" y2="289"/>
    <line class="cls-5" x1="538.48" y1="291" x2="552.48" y2="297"/>
    <line class="cls-5" x1="502.48" y1="358" x2="509.48" y2="355"/>
    <line class="cls-5" x1="500.48" y1="370" x2="502.48" y2="358"/>
    <line class="cls-5" x1="492.48" y1="376" x2="500.48" y2="370"/>
    <line class="cls-5" x1="521.48" y1="365" x2="520.48" y2="363"/>
    <line class="cls-5" x1="505.48" y1="383" x2="521.48" y2="365"/>
    <line class="cls-5" x1="497.48" y1="383" x2="505.48" y2="383"/>
    <line class="cls-5" x1="505.48" y1="378" x2="503.48" y2="382"/>
    <line class="cls-5" x1="520.48" y1="356" x2="520.48" y2="363"/>
    <line class="cls-5" x1="492.48" y1="376" x2="493.48" y2="380"/>
    <line class="cls-5" x1="495.48" y1="379" x2="497.48" y2="383"/>
    <line class="cls-5" x1="530.48" y1="296" x2="529.48" y2="307"/>
    <line class="cls-5" x1="514.48" y1="303" x2="523.48" y2="296"/>
    <path class="cls-5" d="M530.48,296"/>
    <path class="cls-5" d="M530.48,295c-.46-.1-2.17-1.18-3-1a9.73,9.73,0,0,0-4,2"/>
    <path class="cls-5" d="M527.48,276c1,5-27,16-14,28"/>
    <path class="cls-5" d="M567.48,298a34.71,34.71,0,0,1,6-6c5.55-4.33,8.47-3.83,13-8a19.06,19.06,0,0,0,6-9,18.11,18.11,0,0,0-1-12c-.72-1.64-2.2-4.36-8-9-4.76-3.8-11.84-9.47-23-12a47.23,47.23,0,0,0-15-1c-5.27.52-9.32.91-13,4-4.38,3.67-5.53,8.86-6,11-.68,3.07-.37,5.78,0,10,.25,2.92.66,7.32,1,9"/>
    <path class="cls-5" d="M549.48,332c.45.92,4.1,2.3,5,2,3-1,5-3.9,7-8a35,35,0,0,0,3-9c.34-4.76,0-5,0-9,0-2.27,2.36-8.92,3-10"/>
    <path class="cls-5" d="M562,310.51"/>
    <path class="cls-5" d="M555,303.51"/>
    <path class="cls-5" d="M541.48,316c.46.16,7-7,10,2,1,3,0,8-2,13"/>
  </g>
  <g id="playing-cards">
    <g id="playing-card-1">
      <rect id="playing-card-1-border" class="cls-19" x="337.68" y="236.51" width="36.48" height="52.96" transform="translate(71.17 -75.77) rotate(13.49)"/>
      <g id="playing-card-heart-2">
        <path class="cls-21" d="M361,284.5a1.58,1.58,0,0,1-1-3"/>
        <path class="cls-21" d="M361,283.5c.31.81,1.4,1.88,2.21,1.57s1.1-.76.79-1.57"/>
        <line class="cls-21" x1="361.98" y1="279.5" x2="359.98" y2="281.5"/>
        <line class="cls-21" x1="363.98" y1="283.5" x2="361.98" y2="279.5"/>
        <polygon class="cls-22" points="363.48 285 359.48 284 358.88 282.1 361.48 280 362.48 281 364.48 284 363.48 285"/>
      </g>
      <g id="playing-card-heart-1">
        <path class="cls-21" d="M352.38,241.13a1.58,1.58,0,0,1,1,3"/>
        <path class="cls-21" d="M352.38,242.13c-.31-.81-1.4-1.89-2.21-1.58s-1.1.77-.79,1.58"/>
        <line class="cls-21" x1="351.38" y1="246.13" x2="353.38" y2="244.13"/>
        <line class="cls-21" x1="349.38" y1="242.13" x2="351.38" y2="246.13"/>
        <polygon class="cls-22" points="349.88 240.63 353.88 241.63 354.48 243.53 351.88 245.63 350.88 244.63 348.88 241.63 349.88 240.63"/>
      </g>
    </g>
    <g id="playing-card-2">
      <polyline id="playing-card-2-border" class="cls-19" points="328.93 265.13 325.63 227.86 361.97 224.65 362.51 230.81"/>
      <g id="playing-card-spade">
        <circle class="cls-22" cx="333.47" cy="236.16" r="1.5"/>
        <circle class="cls-22" cx="336.45" cy="235.85" r="1.5"/>
        <line class="cls-23" x1="335.26" y1="238.99" x2="334.91" y2="235.51"/>
        <polygon class="cls-22" points="332.48 235 334.48 232 337.48 235 335.48 236 332.48 235"/>
      </g>
    </g>
    <g id="playing-card-4">
      <g id="playing-card-club">
        <circle class="cls-22" cx="295.97" cy="244.89" r="1.5"/>
        <circle class="cls-22" cx="295.86" cy="242.74" r="1.75"/>
        <circle class="cls-22" cx="298.32" cy="243.02" r="1.5"/>
        <line class="cls-23" x1="299.01" y1="246.31" x2="296.83" y2="243.57"/>
      </g>
      <polyline id="playing-card-4-2" data-name="playing-card-4" class="cls-19" points="324.48 274 284.45 245.58 306.28 216.36 311.24 220.06"/>
    </g>
    <g id="playing-card-3">
      <polyline id="playing-card-3-2" data-name="playing-card-3" class="cls-19" points="320.85 262.65 302.17 235.69 332.15 214.92 335.68 220.01"/>
      <polygon id="playing-card-diamond" class="cls-22" points="314.95 242.29 311.48 240 312 235.71 315.48 238 314.95 242.29"/>
    </g>
  </g>
  <g id="spade">
    <path class="cls-5" d="M145.48,175c-4.82,6.4-13.7,7.34-19,3-4.35-3.56-5.76-10.25-3-16"/>
    <path class="cls-5" d="M155.31,170.76c7.83,1.69,15.17-3.4,16.34-10.15.95-5.54-2.17-10.61-9.17-12.61"/>
    <line class="cls-5" x1="145.48" y1="183" x2="161.48" y2="175"/>
    <line class="cls-5" x1="145.48" y1="176" x2="145.48" y2="182"/>
    <line class="cls-5" x1="134.48" y1="138" x2="162.48" y2="148"/>
    <line class="cls-5" x1="133.48" y1="138" x2="123.48" y2="162"/>
  </g>
  <g id="clover-leaf">
    <path class="cls-5" d="M296.6,153.61A9.5,9.5,0,1,1,311.69,150"/>
    <path class="cls-5" d="M307.71,164a9.5,9.5,0,1,1-11.84-10"/>
    <path class="cls-5" d="M312.28,150.2a9.5,9.5,0,1,1-3.63,15.08"/>
  </g>
  <g id="water-bottle">
    <line class="cls-7" x1="132.48" y1="244" x2="110.48" y2="269"/>
    <line class="cls-7" x1="155.48" y1="265" x2="136.48" y2="287"/>
    <polygon class="cls-24" points="176.92 222.49 178.02 218.72 176.12 216.62 174.41 215.32 170.13 216.34 165.98 220.5 173.98 226.5 176.92 222.49"/>
    <rect class="cls-24" x="158.9" y="222.72" width="20.22" height="5.72" transform="translate(188.54 -55.61) rotate(40.82)"/>
    <line class="cls-7" x1="158.48" y1="224" x2="173.48" y2="237"/>
    <line class="cls-7" x1="173.48" y1="245" x2="173.48" y2="237"/>
    <line class="cls-7" x1="165.48" y1="253" x2="173.48" y2="245"/>
    <line class="cls-7" x1="157.48" y1="255" x2="165.48" y2="253"/>
    <line class="cls-7" x1="141.48" y1="234" x2="151.48" y2="224"/>
    <line class="cls-7" x1="157.48" y1="224" x2="151.48" y2="224"/>
    <line class="cls-7" x1="156.48" y1="264" x2="157.48" y2="256"/>
    <line class="cls-7" x1="141.48" y1="241" x2="141.48" y2="234"/>
    <line class="cls-7" x1="132.48" y1="244" x2="140.48" y2="242"/>
    <line class="cls-7" x1="111.48" y1="279" x2="125.48" y2="289"/>
    <line class="cls-7" x1="135.48" y1="288" x2="125.48" y2="289"/>
    <line class="cls-7" x1="110.48" y1="278" x2="110.48" y2="270"/>
  </g>
  <g id="rock-n-roll">
    <g id="rock">
      <line class="cls-10" x1="47.48" y1="114" x2="31.48" y2="56"/>
      <line class="cls-10" x1="56.98" y1="80.5" x2="83.48" y2="104"/>
      <path class="cls-10" d="M31.36,55.7c.72-.29,1.46-.56,2.2-.83C42.08,51.82,50.38,49,57,49.5c6.92.54,11.52,4.83,13,10,2,7,1,10-4,15-4,4-4,3-9,6"/>
      <ellipse class="cls-10" cx="125.48" cy="63" rx="33.5" ry="30.5"/>
      <path class="cls-10" d="M240.08,63c-5.8,8.77-16.6,14.41-29,14.41-18.5,0-33.5-12.63-33.5-29.45s15-30.46,33.5-30.46a35.21,35.21,0,0,1,23.07,8.37"/>
      <line class="cls-10" x1="255.98" y1="11.5" x2="262.98" y2="72.5"/>
      <line class="cls-10" x1="298.98" y1="7.5" x2="274.98" y2="32.5"/>
      <line class="cls-10" x1="302.98" y1="68.5" x2="274.98" y2="32.5"/>
    </g>
    <g id="n">
      <line class="cls-10" x1="355.98" y1="20.5" x2="355.98" y2="3.5"/>
      <line class="cls-10" x1="455.84" y1="20.5" x2="456.11" y2="3.5"/>
      <line class="cls-10" x1="382.98" y1="67.5" x2="381.98" y2="5.5"/>
      <line class="cls-10" x1="429.98" y1="3.5" x2="428.98" y2="65.5"/>
      <line class="cls-10" x1="381.98" y1="5.5" x2="428.98" y2="65.5"/>
    </g>
    <g id="rock-2" data-name="rock">
      <line class="cls-10" x1="519.58" y1="40.75" x2="536.84" y2="71.68"/>
      <path class="cls-10" d="M503.57,8.89c.78,0,1.56-.05,2.35-.05,9.06-.07,17.82,0,23.88,2.65,6.36,2.8,9.29,8.36,9,13.73-.42,7.27-2.36,9.77-8.73,12.84-5.11,2.47-4.76,1.51-10.47,2.69"/>
      <path class="cls-10" d="M557.65,56.79a30.41,30.41,0,0,1,.85-23.23c7.45-16,27.7-22.44,45.23-14.3S629.44,47,622,63A29.68,29.68,0,0,1,611.94,75"/>
      <line class="cls-10" x1="499.56" y1="69.25" x2="503.59" y2="9.22"/>
      <line class="cls-10" x1="652.98" y1="24.5" x2="640.98" y2="86.5"/>
      <line class="cls-10" x1="673.09" y1="92.93" x2="640.86" y2="87.07"/>
      <line class="cls-10" x1="705.1" y1="35.29" x2="691.04" y2="96.85"/>
      <line class="cls-10" x1="722.92" y1="104.35" x2="690.9" y2="97.42"/>
    </g>
  </g>
	<g id="ferris-wheel">
    <g id="rods">
      <g>
        <path class="cls-1" d="M548.48,786a433,433,0,0,1,31.93-86.89q7-14.21,15.1-27.87"/>
        <path class="cls-1" d="M565.62,792.7a434.24,434.24,0,0,0,26.23-88.78q2.85-15.6,4.52-31.38"/>
      </g>
      <g>
        <path class="cls-1" d="M653.51,788a433,433,0,0,0-31.93-86.89q-7-14.21-15.1-27.87"/>
        <path class="cls-1" d="M636.37,793.7a434.24,434.24,0,0,1-26.23-88.78q-2.83-15.6-4.52-31.38"/>
      </g>
      <g>
        <path class="cls-1" d="M542.2,847.43q-6.15,9.29-12.77,18.23"/>
        <path class="cls-1" d="M533.56,843.93q-2.68,10.11-4.85,20.35"/>
      </g>
      <g>
        <path class="cls-1" d="M659.37,845.87q5.32,9.78,11.15,19.27"/>
        <path class="cls-1" d="M668.29,843.14q1.79,10.3,3.06,20.69"/>
      </g>
    </g>
    <g id="wheel">
      <ellipse id="inner-ring" class="cls-2" cx="599.98" cy="661" rx="156" ry="150.5"/>
      <ellipse id="outer-ring" class="cls-2" cx="600.98" cy="661.25" rx="168.5" ry="161.75"/>
      <circle class="cls-2" cx="423.48" cy="677" r="9"/>
      <circle class="cls-2" cx="468.48" cy="775" r="9"/>
      <circle class="cls-2" cx="424.48" cy="641" r="9"/>
      <circle class="cls-2" cx="432.48" cy="607" r="9"/>
      <circle class="cls-2" cx="447.48" cy="574" r="9"/>
      <circle class="cls-2" cx="468.48" cy="547" r="9"/>
      <circle class="cls-2" cx="494.48" cy="522" r="9"/>
      <circle class="cls-2" cx="526.48" cy="505" r="9"/>
      <circle class="cls-2" cx="560.48" cy="494" r="9"/>
      <circle class="cls-2" cx="597.48" cy="490" r="9"/>
      <circle class="cls-2" cx="634.48" cy="493" r="9"/>
      <circle class="cls-2" cx="670.48" cy="504" r="9"/>
      <circle class="cls-2" cx="703.48" cy="522" r="9"/>
      <circle class="cls-2" cx="731.48" cy="546" r="9"/>
      <circle class="cls-2" cx="754.48" cy="575" r="9"/>
      <circle class="cls-2" cx="769.48" cy="608" r="9"/>
      <circle class="cls-2" cx="777.48" cy="643" r="9"/>
      <circle class="cls-2" cx="778.48" cy="680" r="9"/>
      <circle class="cls-2" cx="771.48" cy="715" r="9"/>
      <circle class="cls-2" cx="756.48" cy="748" r="9"/>
      <circle class="cls-2" cx="734.48" cy="777" r="9"/>
      <circle class="cls-2" cx="706.48" cy="801" r="9"/>
      <circle class="cls-2" cx="674.48" cy="820" r="9"/>
      <circle class="cls-2" cx="639.48" cy="831" r="9"/>
      <circle class="cls-2" cx="601.48" cy="834" r="9"/>
      <circle class="cls-2" cx="564.48" cy="830" r="9"/>
      <circle class="cls-2" cx="529.48" cy="818" r="9"/>
      <circle class="cls-2" cx="497.48" cy="800" r="9"/>
      <circle class="cls-2" cx="446.48" cy="747" r="9"/>
      <circle class="cls-2" cx="431.48" cy="712" r="9"/>
      <g>
        <path class="cls-3" d="M600,584.94c.74-20.45-.78-42-.56-62.62"/>
        <path class="cls-3" d="M600.48,635.68l-.16-17.58-.08-9.66"/>
      </g>
      <circle id="inner-wheel-circle" class="cls-4" cx="600.98" cy="658.5" r="12.5"/>
      <g>
        <path class="cls-3" d="M638,595.13C647.48,577,659.48,559,669.48,541"/>
        <path class="cls-3" d="M612.48,639l8.84-15.2,4.85-8.35"/>
      </g>
      <g>
        <path class="cls-3" d="M665.76,622.84c17.52-10.57,37.13-19.72,55-29.91"/>
        <path class="cls-3" d="M621.17,647.07l15.45-8.4,8.49-4.61"/>
      </g>
      <g>
        <path class="cls-3" d="M677.65,659.47c21.51-.78,44.18.78,65.83.53"/>
        <path class="cls-3" d="M624.3,659l18.48.15,10.15.09"/>
      </g>
      <g>
        <path class="cls-3" d="M669.67,697.27c19.36,9.85,38.59,22.34,57.81,32.73"/>
        <path class="cls-3" d="M622.83,670.75l16.23,9.19,8.92,5"/>
      </g>
      <g>
        <path class="cls-3" d="M534.62,695.37c-18.8,9.52-37.48,21.59-56.14,31.63"/>
        <path class="cls-3" d="M580.12,669.75l-15.76,8.88-8.66,4.87"/>
      </g>
      <g>
        <path class="cls-3" d="M524.21,658.59c-21.14-1.13-43.45,0-64.73-.59"/>
        <path class="cls-3" d="M576.66,659.06l-18.17-.16-10-.09"/>
      </g>
      <g>
        <path class="cls-3" d="M534.19,622.84c-19-11.6-40.29-21.66-59.71-32.84"/>
        <path class="cls-3" d="M578.76,647.1l-15.44-8.4-8.48-4.62"/>
      </g>
      <g>
        <path class="cls-3" d="M560.23,593.25c-10.54-18.89-23.68-37.53-34.75-56.25"/>
        <path class="cls-3" d="M588.4,638.83,578.64,623l-5.36-8.68"/>
      </g>
      <g>
        <path class="cls-3" d="M602,734.38c.74,20.45-.78,42-.56,62.62"/>
        <path class="cls-3" d="M602.48,683.63l-.16,17.59-.08,9.65"/>
      </g>
      <g>
        <path class="cls-3" d="M640,724.18c9.49,18.14,21.49,36.14,31.49,54.14"/>
        <path class="cls-3" d="M614.48,680.32l8.84,15.2,4.85,8.34"/>
      </g>
      <g>
        <path class="cls-3" d="M562.23,726.07c-10.54,18.88-23.68,37.52-34.75,56.25"/>
        <path class="cls-3" d="M590.4,680.49l-9.76,15.79L575.28,705"/>
      </g>
    </g>
		

  </g>
	
</svg>

:root {
	--opacity-start: 0.4;
	--minor-rotate-dur: 1s;
	
	--ferris-wheel-del: 0s;
  --ferris-wheel-dur: 20s;
	
	--eiffel-opacity-del: 1s;
	--eiffel-opacity-dur: 5s;
	
	--balloon-lines-del: 2s;
	--balloon-lines-dur: 4s;
	
	--luxor-light-del: 3s;
	--luxor-light-dur: 5s;
	
	--sign-opacity-del: 5s;
	--sign-opacity-dur: 10s;
	
	--excalibur-opacity-del: 7s;
	--excalibur-opacity-dur: 10s;
	
}

body {
	background-color: #222;
	display: flex;
	justify-content: center;
}

.rnr {
	height: 95vh;
	margin-top: 1vh;
}

#ferris-wheel {
	#wheel {
		transform-origin: 600.98px 658.5px;
		transform: rotate(0deg);
		animation: ferris-wheel var(--ferris-wheel-dur) linear var(--ferris-wheel-del) infinite;
		
		@keyframes ferris-wheel {
			0% {
				transform: rotate(0deg);
			}
			
			100% {
				transform: rotate(360deg);
			}
		}
	}
}

#diamond {
	transform-box: fill-box;
	transform-origin: center center;
	transform: rotate(0deg);
	animation: shake-left var(--minor-rotate-dur) linear infinite;
}

#martini-glass {
	transform-box: fill-box;
	transform-origin: center center;
	transform: rotate(0deg);
	animation: shake-left var(--minor-rotate-dur) linear infinite;
}

#music-note {
	transform-box: fill-box;
	transform-origin: center center;
	transform: rotate(0deg);
	animation: shake-right var(--minor-rotate-dur) linear infinite;
}

#welcome-sign {
	.sign-letter {
		opacity: var(--opacity-start);
	}
	
	#sign-outline {
		opacity: 1;
		
		line, path {
			animation: opacity-sign-outline var(--sign-opacity-dur) linear var(--sign-opacity-del) infinite;
		}
		
		@keyframes opacity-sign-outline {
			0%, 55% {
				opacity: 1;
			}
			
			55.1%, 58% {
				opacity: var(--opacity-start);
			}
			
			58.1%, 61% {
				opacity: 1;
			}
			
			61.1%, 64% {
				opacity: var(--opacity-start);
			}
			
			64.1%, 99.9% {
				opacity: 1;
			}

			100% {
				opacity: var(--opacity-start);
			}
		}
	}
	
	#sign-w {
		animation: opacity-sign-w var(--sign-opacity-dur) linear var(--sign-opacity-del) infinite;
		
		@keyframes opacity-sign-w {
			0%, 9.9% {
				opacity: var(--opacity-start);
			}
			
			10%, 55% {
				opacity: 1;
			}
			
			55.1%, 58% {
				opacity: var(--opacity-start);
			}
			
			58.1%, 61% {
				opacity: 1;
			}
			
			61.1%, 64% {
				opacity: var(--opacity-start);
			}
			
			64.1%, 99.9% {
				opacity: 1;
			}

			100% {
				opacity: var(--opacity-start);
			}
		}
	}
	
	#sign-e-1 {
		animation: opacity-sign-e-1 var(--sign-opacity-dur) linear var(--sign-opacity-del) infinite;
		
		@keyframes opacity-sign-e-1 {
			0%, 14.9% {
				opacity: var(--opacity-start);
			}
			
			15%, 55% {
				opacity: 1;
			}
			
			55.1%, 58% {
				opacity: var(--opacity-start);
			}
			
			58.1%, 61% {
				opacity: 1;
			}
			
			61.1%, 64% {
				opacity: var(--opacity-start);
			}
			
			64.1%, 99.9% {
				opacity: 1;
			}

			100% {
				opacity: var(--opacity-start);
			}
		}
	}
	
	#sign-l {
		animation: opacity-sign-l var(--sign-opacity-dur) linear var(--sign-opacity-del) infinite;
		
		@keyframes opacity-sign-l {
			0%, 19.9% {
				opacity: var(--opacity-start);
			}
			
			20% {
				opacity: 1;
			}
			
			55% {
				opacity: 1;
			}
			
			55.1%, 58% {
				opacity: var(--opacity-start);
			}
			
			58.1%, 61% {
				opacity: 1;
			}
			
			61.1%, 64% {
				opacity: var(--opacity-start);
			}
			
			64.1%, 99.9% {
				opacity: 1;
			}

			100% {
				opacity: var(--opacity-start);
			}
		}
	}
	
	#sign-c {
		animation: opacity-sign-c var(--sign-opacity-dur) linear var(--sign-opacity-del) infinite;
		
		@keyframes opacity-sign-c {
			0%, 24.9% {
				opacity: var(--opacity-start);
			}
			
			25% {
				opacity: 1;
			}
			
			55% {
				opacity: 1;
			}
			
			55.1%, 58% {
				opacity: var(--opacity-start);
			}
			
			58.1%, 61% {
				opacity: 1;
			}
			
			61.1%, 64% {
				opacity: var(--opacity-start);
			}
			
			64.1%, 99.9% {
				opacity: 1;
			}

			100% {
				opacity: var(--opacity-start);
			}
		}
	}
	
	#sign-o {
		animation: opacity-sign-o var(--sign-opacity-dur) linear var(--sign-opacity-del) infinite;
		
		@keyframes opacity-sign-o {
			0%, 29.9% {
				opacity: var(--opacity-start);
			}
			
			30% {
				opacity: 1;
			}
			
			55% {
				opacity: 1;
			}
			
			55.1%, 58% {
				opacity: var(--opacity-start);
			}
			
			58.1%, 61% {
				opacity: 1;
			}
			
			61.1%, 64% {
				opacity: var(--opacity-start);
			}
			
			64.1%, 99.9% {
				opacity: 1;
			}

			100% {
				opacity: var(--opacity-start);
			}
		}
	}
	
	#sign-m {
		animation: opacity-sign-m var(--sign-opacity-dur) linear var(--sign-opacity-del) infinite;
		
		@keyframes opacity-sign-m {
			0%, 34.9% {
				opacity: var(--opacity-start);
			}
			
			35% {
				opacity: 1;
			}
			
			55% {
				opacity: 1;
			}
			
			55.1%, 58% {
				opacity: var(--opacity-start);
			}
			
			58.1%, 61% {
				opacity: 1;
			}
			
			61.1%, 64% {
				opacity: var(--opacity-start);
			}
			
			64.1%, 99.9% {
				opacity: 1;
			}

			100% {
				opacity: var(--opacity-start);
			}
		}
	}
	
	#sign-e-2 {
		animation: opacity-sign-e-2 var(--sign-opacity-dur) linear var(--sign-opacity-del) infinite;
		
		@keyframes opacity-sign-e-2 {
			0%, 39.9% {
				opacity: var(--opacity-start);
			}
			
			40% {
				opacity: 1;
			}
			
			55% {
				opacity: 1;
			}
			
			55.1%, 58% {
				opacity: var(--opacity-start);
			}
			
			58.1%, 61% {
				opacity: 1;
			}
			
			61.1%, 64% {
				opacity: var(--opacity-start);
			}
			
			64.1%, 99.9% {
				opacity: 1;
			}

			100% {
				opacity: var(--opacity-start);
			}
		}
	}
	
	#welcome-date {
		animation: opacity-sign-date var(--sign-opacity-dur) linear var(--sign-opacity-del) infinite;
		
		@keyframes opacity-sign-date {
			0%, 44.9% {
				opacity: var(--opacity-start);
			}
			
			45% {
				opacity: 1;
			}
			
			55% {
				opacity: 1;
			}
			
			55.1%, 58% {
				opacity: var(--opacity-start);
			}
			
			58.1%, 61% {
				opacity: 1;
			}
			
			61.1%, 64% {
				opacity: var(--opacity-start);
			}
			
			64.1%, 99.9% {
				opacity: 1;
			}

			100% {
				opacity: var(--opacity-start);
			}
		}
	}
}
	
#eiffel-tower {
	#eiffel-tower-1 {
		animation: opacity-eiffel-1 var(--eiffel-opacity-dur) linear var(--eiffel-opacity-del) infinite;
		
		@keyframes opacity-eiffel-1 {
			0%, 10% {
				opacity: var(--opacity-start);
			}
			
			10.1%, 100% {
				opacity: 1;
			}
		}
	}
	
	#eiffel-tower-2 {
		animation: opacity-eiffel-2 var(--eiffel-opacity-dur) linear var(--eiffel-opacity-del) infinite;
		
		@keyframes opacity-eiffel-2 {
			0%, 15% {
				opacity: var(--opacity-start);
			}
			
			15.1%, 100% {
				opacity: 1;
			}
		}
	}
	
	#eiffel-tower-3 {
		animation: opacity-eiffel-3 var(--eiffel-opacity-dur) linear var(--eiffel-opacity-del) infinite;
		
		@keyframes opacity-eiffel-3 {
			0%, 20% {
				opacity: var(--opacity-start);
			}
			
			20.1%, 100% {
				opacity: 1;
			}
		}
	}
	
	#eiffel-tower-4 {
		animation: opacity-eiffel-4 var(--eiffel-opacity-dur) linear var(--eiffel-opacity-del) infinite;
		
		@keyframes opacity-eiffel-4 {
			0%, 25% {
				opacity: var(--opacity-start);
			}
			
			25.1%, 100% {
				opacity: 1;
			}
		}
	}
	
	#eiffel-tower-5 {
		animation: opacity-eiffel-5 var(--eiffel-opacity-dur) linear var(--eiffel-opacity-del) infinite;
		
		@keyframes opacity-eiffel-5 {
			0%, 30% {
				opacity: var(--opacity-start);
			}
			
			30.1%, 100% {
				opacity: 1;
			}
		}
	}
	
	#eiffel-tower-6 {
		animation: opacity-eiffel-6 var(--eiffel-opacity-dur) linear var(--eiffel-opacity-del) infinite;
		
		@keyframes opacity-eiffel-6 {
			0%, 35% {
				opacity: var(--opacity-start);
			}
			
			35.1%, 100% {
				opacity: 1;
			}
		}
	}
}

#heart {
	transform-box: fill-box;
	transform-origin: center center;
	transform: rotate(0deg);
	animation: shake-right var(--minor-rotate-dur) linear infinite;
}

#luxor {
	
	#light-bg {
		opacity: var(--opacity-start);
	}
	
	#light {
		#middle-light {
			stroke-dasharray: 116;
    	stroke-dashoffset: 0;
			animation: luxor-light-middle var(--luxor-light-dur) linear var(--luxor-light-del) infinite;
			
			@keyframes luxor-light-middle {
				0% {
					stroke-dashoffset: 116;
				}
				
				10%, 70% {
					stroke-dashoffset: 0;
				}
				
				70.1%, 100% {
					stroke-dashoffset: 116;
				}
			}
		}

		#left-yellow-light {
			stroke-dasharray: 100;
    	stroke-dashoffset: 0;
			animation: luxor-light-left-yellow var(--luxor-light-dur) linear var(--luxor-light-del) infinite;
			
			@keyframes luxor-light-left-yellow {
				0% {
					stroke-dashoffset: 100;
				}
				
				10%, 70% {
					stroke-dashoffset: 0;
				}
				
				70.1%, 100% {
					stroke-dashoffset: 100;
				}
			}
		}

		#right-yellow-light {
			stroke-dasharray: 100;
    	stroke-dashoffset: 0;
			animation: luxor-light-right-yellow var(--luxor-light-dur) linear var(--luxor-light-del) infinite;
			
			@keyframes luxor-light-right-yellow {
				0% {
					stroke-dashoffset: 100;
				}
				
				10%, 70% {
					stroke-dashoffset: 0;
				}
				
				70.1%, 100% {
					stroke-dashoffset: 100;
				}
			}
		}

		#right-white-light {
			stroke-dasharray: 119;
    	stroke-dashoffset: 0;
			animation: luxor-light-right-white var(--luxor-light-dur) linear var(--luxor-light-del) infinite;
			
			@keyframes luxor-light-right-white {
				0% {
					stroke-dashoffset: 119;
				}
				
				10%, 70% {
					stroke-dashoffset: 0;
				}
				
				70.1%, 100% {
					stroke-dashoffset: 119;
				}
			}
		}

		#left-white-light {
			stroke-dasharray: 103;
    	stroke-dashoffset: 0;
			animation: luxor-light-left-white var(--luxor-light-dur) linear var(--luxor-light-del) infinite;
			
			@keyframes luxor-light-left-white {
				0% {
					stroke-dashoffset: 103;
				}
				
				10%, 70% {
					stroke-dashoffset: 0;
				}
				
				70.1%, 100% {
					stroke-dashoffset: 103;
				}
			}
		}
	}
}

#excalibur {
	#left-tower {
		animation: opacity-excalibur-1 var(--excalibur-opacity-dur) linear var(--excalibur-opacity-del) infinite;
		
		@keyframes opacity-excalibur-1 {
			0%, 10% {
				opacity: var(--opacity-start);
			}
			
			10.1%, 100% {
				opacity: 1;
			}
		}
	}
	
	#center-tower {
		animation: opacity-excalibur-2 var(--excalibur-opacity-dur) linear var(--excalibur-opacity-del) infinite;
		
		@keyframes opacity-excalibur-2 {
			0%, 15% {
				opacity: var(--opacity-start);
			}
			
			15.1%, 100% {
				opacity: 1;
			}
		}
	}
	
	#right-tower {
		animation: opacity-excalibur-3 var(--excalibur-opacity-dur) linear var(--excalibur-opacity-del) infinite;
		
		@keyframes opacity-excalibur-3 {
			0%, 20% {
				opacity: var(--opacity-start);
			}
			
			20.1%, 100% {
				opacity: 1;
			}
		}
	}
}

#statue-of-liberty {
	#flame {
		transform-box: fill-box;
		transform-origin: bottom center;
		transform: rotate(0deg);
		animation: diamond var(--minor-rotate-dur) linear infinite;

		@keyframes diamond {
			0%, 24.9% {
				transform: rotate(0deg);
			}

			25%, 74.9% {
				transform: rotate(-8deg);
			}

			75%, 100% {
				transform: rotate(0deg);
			}
		}
	}
}

#spade, #diamond-2 {
	transform-box: fill-box;
	transform-origin: center center;
	transform: rotate(0deg);
	animation: shake-left var(--minor-rotate-dur) linear infinite;
}

#clover-leaf {
	transform-box: fill-box;
	transform-origin: center center;
	transform: rotate(0deg);
	animation: shake-right var(--minor-rotate-dur) linear infinite;
}

#dice {
		transform-box: fill-box;
		transform-origin: center center;
		transform: rotate(0deg);
		animation: shake-right var(--minor-rotate-dur) linear infinite;
}

.balloon-line-left {
	stroke-dasharray: 500;
	stroke-dashoffset: 0;
	animation: balloon-lines-left var(--balloon-lines-dur) linear var(--balloon-lines-del) infinite;

	@keyframes balloon-lines-left {
		0% {
			stroke-dashoffset: 500;
		}

		60%, 90% {
			stroke-dashoffset: 0;
		}

		90.1%, 100% {
			stroke-dashoffset: 500;
		}
	}
}

.balloon-line-right {
	stroke-dasharray: 500;
	stroke-dashoffset: 0;
	animation: balloon-lines-right var(--balloon-lines-dur) linear var(--balloon-lines-del) infinite;

	@keyframes balloon-lines-right {
		0%, 16% {
			stroke-dashoffset: 500;
		}

		60%, 90% {
			stroke-dashoffset: 0;
		}

		90.1%, 100% {
			stroke-dashoffset: 500;
		}
	}
}

.balloon-line-bg {
	opacity: var(--opacity-start);
}

@keyframes shake-left {
	0%, 24.9% {
		transform: rotate(0deg);
	}

	25%, 74.9% {
		transform: rotate(-10deg);
	}

	75%, 100% {
		transform: rotate(0deg);
	}
}

@keyframes shake-right {
	0%, 24.9% {
		transform: rotate(0deg);
	}

	25%, 74.9% {
		transform: rotate(10deg);
	}

	75%, 100% {
		transform: rotate(0deg);
	}
}

View Compiled

This Pen is owned by Kyle on CodePen.

See more by @kaisle on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.