-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
176 lines (157 loc) · 28.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!doctype html>
<html>
<head>
<title>Clock</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="images/clock.png">
<meta name="viewport" content="width=device-width, initiale-scale=1.0">
<meta name="author" content="Eileen Rheinboldt-Tran">
<meta name="keywords" content="Hour,clock">
</head>
<body onload="showDate()" id="body">
<table id="principalDiv">
<tr>
<td><div id="date" ></div></td>
</tr>
<tr>
<td><div id="clock" ></div></td>
</tr>
</table>
<div id="day">
<img src="images/sun.png" id="sun">
<img src="images/cloud.png" id="cloud1">
<img src="images/cloud.png" id="cloud2">
<img src="images/cloud.png" id="cloud3">
<div id="bikeSvg" width="23%">
<svg viewBox="0 0 1058 785" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="undraw_Ride_a_bicycle_2yok 1">
<g id="man-bike">
<path id="Vector" d="M387 554.303L344.293 512.159L330.947 525.683L373.654 567.827L387 554.303Z" fill="#383941"/>
<path id="Vector_2" d="M354.48 491.99C354.48 491.99 379.27 478.91 388.85 470.49C394.617 465.444 400.818 460.917 407.38 456.96L438.48 438.03L503.48 433.03L506.48 444.03C506.48 444.03 511.48 460.03 461.48 474.03C411.48 488.03 386.48 510.03 386.48 510.03C386.48 510.03 354.48 520.99 354.48 491.99Z" fill="#DB8B8B"/>
<path id="Vector_3" opacity="0.1" d="M389.13 507.86C387.36 509.21 386.48 509.99 386.48 509.99C386.48 509.99 354.48 520.99 354.48 491.99C354.48 491.99 356.03 491.17 358.48 489.8C360.955 493.831 364.423 497.16 368.551 499.469C372.679 501.778 377.33 502.99 382.06 502.99H385.45L389.13 507.86Z" fill="black"/>
<path id="Vector_4" opacity="0.05" d="M505.54 449.55C502.76 455.44 493.17 465.12 461.48 473.99C420.87 485.36 396.75 501.99 389.13 507.86C387.36 509.21 386.48 509.99 386.48 509.99C386.48 509.99 354.48 520.99 354.48 491.99C354.48 491.99 356.03 491.17 358.48 489.8C365.91 485.73 381.64 476.8 388.82 470.45C394.586 465.403 400.787 460.875 407.35 456.92L438.45 437.99L450.03 437.1L503.45 432.99L506.45 443.99C506.45 443.99 507.15 446.14 505.54 449.55Z" fill="black"/>
<path id="Vector_5" d="M354.98 485.49L328.48 502.99L406.08 567.99C406.08 567.99 417.48 560.99 411.48 552.99C411.48 552.99 391.48 535.99 390.48 511.99L384.48 503.99H381.09C375.358 503.991 369.767 502.211 365.089 498.897C360.412 495.583 356.88 490.898 354.98 485.49Z" fill="#ABB1D1"/>
<path id="Vector_6" opacity="0.1" d="M505.54 449.55C489.54 441.82 450.48 440.99 450.48 440.99L450.06 437.1L503.48 432.99L506.48 443.99C506.48 443.99 507.15 446.14 505.54 449.55Z" fill="black"/>
<path id="Vector_7" d="M450.48 438.99C450.48 438.99 497.48 439.99 509.48 449.99L503.48 328.99H438.48L450.48 438.99Z" fill="#ABB1D1"/>
<path id="Vector_8" opacity="0.05" d="M450.48 438.49C450.48 438.49 497.48 439.49 509.48 449.49L503.48 328.49H438.48L450.48 438.49Z" fill="black"/>
<path id="Vector_9" d="M488.24 364.95C488.24 364.95 605.89 360.95 608.29 376.16C610.69 391.37 490.64 384.96 490.64 384.96C490.64 384.96 481.04 375.35 488.24 364.95Z" fill="#383941"/>
<path id="Vector_10" d="M393 425.78H372.19V606.66H393V425.78Z" fill="#595959"/>
<path id="Vector_11" opacity="0.1" d="M393 425.77V439.7C386.08 440.6 379 441.17 372.19 441.39V425.77H393Z" fill="black"/>
<path id="Vector_12" d="M391.44 410.78C388.52 410.554 385.616 410.164 382.74 409.61C371.46 407.45 343.02 402.92 335.37 410.61C325.77 420.21 328.97 437.02 354.58 439.42C380.19 441.82 424.21 435.42 433.02 425.81C433.02 425.77 417.09 412.75 391.44 410.78Z" fill="#383941"/>
<path id="Vector_13" d="M387.4 475.4L605.9 407.37L613.1 424.18L389 501.01L387.4 475.4Z" fill="#595959"/>
<path id="Vector_14" d="M452.23 582.65L609.9 427.38L618.7 440.18L468.23 597.05L452.23 582.65Z" fill="#595959"/>
<path id="Vector_15" opacity="0.1" d="M653.58 529.85C648.584 531.142 643.712 532.872 639.02 535.02L629.46 508.31C634.477 506.123 639.644 504.295 644.92 502.84L653.58 529.85Z" fill="black"/>
<path id="Vector_16" d="M680.33 608.26L669.13 614.66L590.99 396.33L587.49 386.56L605.9 376.15L610.51 390.53L680.33 608.26Z" fill="#595959"/>
<path id="Vector_17" opacity="0.1" d="M610.51 390.53L590.99 396.33L587.49 386.56L605.9 376.15L610.51 390.53Z" fill="black"/>
<path id="Vector_18" d="M491.44 407.37L601.09 369.75C601.09 369.75 620.3 372.15 613.09 388.16L502.65 420.97C502.65 420.97 485.85 422.57 491.44 407.37Z" fill="#383941"/>
<path id="Vector_19" opacity="0.1" d="M367.79 615.86C367.789 621.994 367.314 628.119 366.37 634.18C356.77 633.49 346.85 632.49 337.13 631.49C339.289 619.599 339.021 607.394 336.34 595.61C345.81 593.61 355.48 591.7 364.92 589.97C366.833 598.467 367.795 607.15 367.79 615.86Z" fill="black"/>
<path id="Vector_20" opacity="0.1" d="M393 585.38V606.65H372.19V588.65C379.39 587.4 386.39 586.29 393 585.38Z" fill="black"/>
<path id="Vector_21" d="M258.54 615.49C258.54 615.49 426.62 571.49 440.22 588.28C453.82 605.07 468.23 627.49 425.85 635.49C383.47 643.49 255.37 621.88 255.37 621.88L258.54 615.49Z" fill="#595959"/>
<path id="Vector_22" opacity="0.1" d="M341.21 541.37L319.85 560.92C316.067 556.064 311.791 551.614 307.09 547.64L327.03 526.81C332.164 531.249 336.908 536.12 341.21 541.37Z" fill="black"/>
<path id="Vector_23" d="M252.94 606.66L378.59 475.4L382.6 505.81L259.34 618.66L252.94 606.66Z" fill="#595959"/>
<path id="Vector_24" opacity="0.1" d="M448.22 628.27C462.364 628.27 473.83 616.804 473.83 602.66C473.83 588.516 462.364 577.05 448.22 577.05C434.076 577.05 422.61 588.516 422.61 602.66C422.61 616.804 434.076 628.27 448.22 628.27Z" fill="black"/>
<path id="Vector_25" d="M449.83 628.27C463.974 628.27 475.44 616.804 475.44 602.66C475.44 588.516 463.974 577.05 449.83 577.05C435.686 577.05 424.22 588.516 424.22 602.66C424.22 616.804 435.686 628.27 449.83 628.27Z" fill="#383941"/>
<path id="Vector_26" d="M442.992 600.736L442.984 600.742C439.977 602.991 439.362 607.253 441.611 610.26L461.937 637.441C464.186 640.448 468.448 641.063 471.455 638.814L471.463 638.808C474.471 636.559 475.085 632.297 472.836 629.29L452.51 602.109C450.261 599.102 446 598.487 442.992 600.736Z" fill="#6C63FF"/>
<path id="Vector_27" d="M565.48 246.99L563.1 277.1C562.826 280.914 562.876 284.744 563.25 288.55C563.56 291.92 563.25 297.82 559.95 306.82C555.713 318.317 553.523 330.467 553.48 342.72V376.99L530.48 372.99C530.48 372.99 531.48 324.99 527.48 316.99C523.48 308.99 530.48 237.99 530.48 237.99L565.48 246.99Z" fill="#DB8B8B"/>
<path id="Vector_28" opacity="0.05" d="M564.3 261.91L563.1 277.1C562.83 280.911 562.883 284.738 563.26 288.54C563.57 291.91 563.26 297.81 559.96 306.82C555.723 318.317 553.533 330.467 553.49 342.72V376.99L530.49 372.99C530.49 372.99 531.49 324.99 527.49 316.99C524.66 311.32 527.34 274.05 529.15 252.78C529.9 244.03 530.49 237.99 530.49 237.99L565.49 246.99L564.3 261.91Z" fill="black"/>
<path id="Vector_29" d="M451.5 476.99L442.85 526.19C441.759 532.759 440.086 539.218 437.85 545.49C432.78 559.35 436.02 578.78 438.48 589.38C439.57 594.06 440.48 597.02 440.48 597.02L414.48 611.02L406.48 605.02V601.02L405.48 512.02C399.48 498.02 401.48 477.02 405.48 469.02C406.617 466.392 407.417 463.63 407.86 460.8C409.86 450.08 410.48 435.02 410.48 435.02C410.48 435.02 426.48 408.02 445.48 426.02C452.48 432.65 455.14 441.32 455.7 449.62C456.68 463.83 451.5 476.99 451.5 476.99Z" fill="#DB8B8B"/>
<path id="Vector_30" opacity="0.1" d="M455.7 449.59C441.83 457.83 417.7 460.16 407.86 460.77C409.86 450.05 410.48 434.99 410.48 434.99C410.48 434.99 426.48 407.99 445.48 425.99C452.48 432.62 455.14 441.29 455.7 449.59Z" fill="black"/>
<path id="Vector_31" d="M489.48 424.99C478.846 430.653 468.797 437.352 459.48 444.99C443.48 457.99 403.48 458.99 403.48 458.99V443.99C404.48 425.99 387.48 405.99 364.48 349.99C349.79 314.23 353.86 293.99 358.72 283.99C361.48 278.34 364.48 275.99 364.48 275.99L489.48 299.99L493.95 313.39L503.48 341.99C503.48 341.99 468.48 343.99 462.48 346.99C456.48 349.99 460.48 376.99 460.48 376.99C454.48 404.99 489.48 424.99 489.48 424.99Z" fill="#ABB1D1"/>
<path id="Vector_32" opacity="0.1" d="M565.48 246.99L564.3 261.91C546.9 266.91 534.48 250.99 534.48 250.99C532.665 251.477 530.882 252.074 529.14 252.78C529.89 244.03 530.48 237.99 530.48 237.99L565.48 246.99Z" fill="black"/>
<path id="Vector_33" opacity="0.1" d="M493.95 313.39C493.48 318.06 493.48 320.99 493.48 320.99C493.48 320.99 470.48 339.99 431.48 310.99C392.48 281.99 357.48 289.99 357.48 289.99C357.48 289.99 357.89 287.67 358.72 283.99C361.48 278.34 364.48 275.99 364.48 275.99L489.48 299.99L493.95 313.39Z" fill="black"/>
<path id="Vector_34" d="M578.96 207.94C576.35 228.29 575.48 253.94 575.48 253.94C552.48 271.94 534.48 248.94 534.48 248.94C512.76 254.77 502.55 273.78 497.74 290.37C495.164 299.344 493.732 308.607 493.48 317.94C493.48 317.94 487.4 322.94 476.2 323.94C465.61 324.83 450.43 322.07 431.48 307.94C392.48 278.94 357.48 286.94 357.48 286.94C357.48 286.94 364.48 246.94 380.48 234.94C396.48 222.94 408.48 207.94 428.48 161.94C448.48 115.94 489.48 126.94 489.48 126.94C489.48 126.94 491.48 117.94 528.48 126.94C537.492 129.302 545.834 133.721 552.85 139.85C572.64 156.49 582.24 182.3 578.96 207.94Z" fill="#F8F7F7"/>
<path id="Vector_35" d="M541.85 149.49C541.8 150.82 541.69 152.3 541.51 153.95C539.51 171.95 537.51 169.95 515.51 173.95C501.83 176.44 494.72 165.01 491.3 156.01C490.062 152.75 489.128 149.382 488.51 145.95L536.51 137.95C536.51 137.95 542.26 136.34 541.85 149.49Z" fill="#DB8B8B"/>
<path id="Vector_36" opacity="0.05" d="M497.74 290.42C495.164 299.394 493.732 308.657 493.48 317.99C493.48 317.99 487.4 322.99 476.2 323.99C475.884 323.353 475.643 322.682 475.48 321.99C473.48 312.99 458.48 296.99 458.48 296.99C448.48 287.99 446.48 271.99 446.48 271.99L429.98 223.49L424.48 218.99C424.48 218.99 447.48 200.99 467.48 215.99C487.48 230.99 481.48 262.99 481.48 262.99L485.48 273.99C489.63 277.49 493.85 283.66 497.74 290.42Z" fill="black"/>
<path id="Vector_37" d="M427.48 217.99L449.48 270.99C449.48 270.99 451.48 286.99 461.48 295.99C461.48 295.99 476.48 311.99 478.48 320.99C480.48 329.99 508.48 353.99 508.48 353.99C508.48 353.99 534.48 377.99 536.48 386.99C536.48 386.99 560.48 393.99 557.48 407.99C557.48 407.99 575.48 389.99 557.48 372.99C539.48 355.99 515.48 320.99 515.48 320.99C515.48 320.99 501.48 283.99 488.48 272.99L484.48 261.99C484.48 261.99 490.48 229.99 470.48 214.99C450.48 199.99 427.48 217.99 427.48 217.99Z" fill="#DB8B8B"/>
<path id="Vector_38" opacity="0.1" d="M440.48 596.99L414.48 610.99L406.48 604.99V600.99C415.464 600.352 424.193 597.718 432.03 593.28C434.43 591.92 436.69 590.58 438.5 589.4C439.55 594.03 440.48 596.99 440.48 596.99Z" fill="black"/>
<path id="Vector_39" opacity="0.1" d="M470.48 175.99L484.48 230.99C484.48 230.99 441.48 237.99 432.48 230.99C423.48 223.99 406.48 221.99 406.48 221.99C406.48 221.99 424.48 169.99 434.48 163.99C444.48 157.99 470.48 175.99 470.48 175.99Z" fill="black"/>
<path id="Vector_40" d="M470.48 173.99L484.48 228.99C484.48 228.99 441.48 235.99 432.48 228.99C423.48 221.99 406.48 219.99 406.48 219.99C406.48 219.99 424.48 167.99 434.48 161.99C444.48 155.99 470.48 173.99 470.48 173.99Z" fill="#F8F7F7"/>
<path id="Vector_41" opacity="0.1" d="M541.85 148.49C539.049 152.356 535.487 155.609 531.383 158.047C527.278 160.485 522.718 162.058 517.983 162.669C513.248 163.28 508.439 162.915 503.85 161.598C499.261 160.281 494.99 158.039 491.3 155.01C490.062 151.75 489.128 148.382 488.51 144.95L536.51 136.95C536.51 136.95 542.26 135.34 541.85 148.49Z" fill="black"/>
<path id="Vector_42" d="M548.48 126.99C548.48 136.273 544.793 145.175 538.229 151.739C531.665 158.303 522.763 161.99 513.48 161.99C504.197 161.99 495.295 158.303 488.731 151.739C482.168 145.175 478.48 136.273 478.48 126.99C478.48 126.41 478.48 125.83 478.48 125.25C478.711 115.967 482.62 107.157 489.346 100.756C496.073 94.3555 505.067 90.8893 514.35 91.12C523.633 91.3508 532.443 95.2595 538.844 101.986C545.245 108.713 548.711 117.707 548.48 126.99Z" fill="#DB8B8B"/>
<path id="Vector_43" opacity="0.1" d="M548.48 126.99C548.483 130.216 548.039 133.426 547.16 136.53C544.455 137.12 541.633 136.861 539.08 135.79C535.34 134.32 532.13 131.79 528.54 129.97C518.43 124.85 506.4 125.86 495.2 127.55C489.64 128.39 483.33 129.17 478.96 125.63C478.81 125.511 478.666 125.385 478.53 125.25C478.761 115.967 482.67 107.157 489.396 100.756C496.123 94.3555 505.117 90.8893 514.4 91.12C523.683 91.3508 532.493 95.2595 538.894 101.986C545.295 108.713 548.761 117.707 548.53 126.99H548.48Z" fill="black"/>
<path id="Vector_44" opacity="0.05" d="M384.98 234.49C384.98 234.49 410.98 241.49 418.98 259.49C426.98 277.49 448.62 280.78 448.62 280.78" fill="black"/>
<path id="Vector_45" d="M482.98 630.49H422.98V649.49H482.98V630.49Z" fill="#595959"/>
<path id="Vector_46" d="M431.99 595.23C437.36 592.23 442.07 589.23 442.48 587.99C442.48 587.99 456.03 602.29 468.1 606.73C472.159 608.229 476.044 610.16 479.69 612.49C484.47 615.49 491.29 619.02 497.48 619.02C497.48 619.02 511.48 631.02 484.48 633.02C457.48 635.02 394.48 628.02 394.48 628.02L398.48 603.02C410.167 603.705 421.804 601 431.99 595.23Z" fill="#ABB1D1"/>
</g>
<g id="left-wheel">
<path id="Vector_47" d="M250.725 717.778L244.455 619.838L244.325 619.628L238.005 621.828L208.925 706.678L162.675 673.888L236.345 620.478L236.415 620.268L236.835 620.118L241.585 616.668L164.345 573.358L145.425 594.158L148.425 613.658L237.245 615.278V617.278L146.765 615.658L143.345 593.518L169.245 565.058L207.995 519.858L208.685 521.728L216.885 512.728L247.345 518.188V516.978L249.345 517.038V518.548L294.705 526.668L252.415 611.278L246.245 615.748V616.248V616.808L344.045 582.728L332.435 673.938L249.435 621.068L246.515 619.428L295.455 698.308L250.725 717.778ZM246.725 623.438L252.575 714.818L292.625 697.438L246.725 623.438ZM166.145 673.868L207.935 703.498L235.275 623.758L166.145 673.868ZM248.465 618.208L250.555 619.378L330.905 670.578L341.705 585.708L248.465 618.208ZM241.365 611.008L243.875 615.058L244.315 614.738L247.315 520.208L217.575 514.888L209.415 523.888L241.365 611.008ZM165.945 571.948L240.785 613.948L239.485 611.818L207.905 525.548L170.715 566.418L165.945 571.948ZM249.345 520.558L246.345 613.278L250.865 609.998L291.775 528.178L249.345 520.558Z" fill="#383941"/>
<path id="Vector_48" d="M360.415 590.738C356.405 572.919 348.285 556.283 336.705 542.158C332.406 536.909 327.666 532.038 322.535 527.598C302.809 510.567 277.986 500.568 251.962 499.17C225.938 497.771 200.187 505.053 178.749 519.873C157.311 534.693 141.401 556.211 133.515 581.05C125.629 605.89 126.214 632.645 135.178 657.116C144.142 681.587 160.978 702.39 183.042 716.258C205.107 730.127 231.152 736.277 257.09 733.743C283.028 731.208 307.39 720.134 326.353 702.257C345.317 684.379 357.807 660.712 361.865 634.968C362.809 628.907 363.284 622.783 363.285 616.648C363.292 607.932 362.329 599.242 360.415 590.738ZM245.225 705.088C226.993 705.069 209.209 699.435 194.292 688.953C179.374 678.47 168.047 663.648 161.851 646.501C155.655 629.354 154.89 610.715 159.66 593.118C164.43 575.521 174.505 559.82 188.513 548.15C202.521 536.48 219.783 529.408 237.953 527.895C256.122 526.381 274.316 530.501 290.062 539.693C305.807 548.884 318.34 562.703 325.956 579.268C333.571 595.834 335.9 614.343 332.625 632.278C328.875 652.722 318.076 671.203 302.107 684.506C286.137 697.809 266.01 705.093 245.225 705.088Z" fill="#383941"/>
<path id="Vector_49" d="M245.225 629.058C252.3 629.058 258.035 623.323 258.035 616.248C258.035 609.174 252.3 603.438 245.225 603.438C238.15 603.438 232.415 609.174 232.415 616.248C232.415 623.323 238.15 629.058 245.225 629.058Z" fill="#383941"/>
</g>
<g id="right-wheel">
<path id="Vector_50" d="M680.847 721.78L674.587 623.88L674.457 623.67L668.137 625.87L639.047 710.68L592.797 677.88L666.487 624.47L666.557 624.26L666.977 624.11L671.727 620.66L594.487 577.35L575.557 598.15L578.557 617.65L667.357 619.23V621.23L576.877 619.61L573.477 597.5L599.367 569.05L638.087 523.88L638.777 525.75L646.977 516.75L677.517 522.22V521.01L679.517 521.07V522.58L724.877 530.7L682.547 615.35L676.377 619.82V620.32V620.88L774.187 586.8L762.577 678.01L679.577 625.14L676.657 623.5L725.597 702.39L680.847 721.78ZM676.847 627.44L682.697 718.82L722.747 701.44L676.847 627.44ZM596.277 677.88L638.067 707.51L665.407 627.77L596.277 677.88ZM678.597 622.22L680.687 623.39L761.037 674.59L771.837 589.72L678.597 622.22ZM671.497 615.02L674.007 619.07L674.447 618.75L677.447 524.22L647.707 518.88L639.547 527.88L671.497 615.02ZM596.107 575.97L670.947 617.97L669.647 615.84L638.067 529.57L600.867 570.45L596.107 575.97ZM679.477 524.58L676.477 617.27L680.997 613.99L721.907 532.17L679.477 524.58Z" fill="#383941"/>
<path id="Vector_51" d="M675.757 503C665.144 502.988 654.578 504.415 644.347 507.24C639.071 508.695 633.904 510.523 628.887 512.71C602.157 524.297 580.674 545.387 568.594 571.898C556.514 598.41 554.697 628.459 563.492 656.233C572.287 684.008 591.071 707.533 616.209 722.259C641.348 736.984 671.054 741.863 699.582 735.952C728.109 730.04 753.431 713.759 770.648 690.257C787.865 666.755 795.754 637.702 792.789 608.72C789.823 579.738 776.215 552.885 754.595 533.356C732.975 513.828 704.881 503.012 675.747 503H675.757ZM675.357 709.09C655.076 709.082 635.408 702.137 619.62 689.407C603.831 676.678 592.872 658.931 588.562 639.113C584.252 619.295 586.851 598.599 595.928 580.463C605.004 562.326 620.011 547.84 638.457 539.41C643.149 537.262 648.021 535.532 653.017 534.24C665.229 531.07 677.977 530.537 690.411 532.678C702.845 534.818 714.681 539.581 725.13 546.652C735.58 553.722 744.404 562.937 751.015 573.683C757.627 584.429 761.873 596.46 763.473 608.975C765.073 621.49 763.989 634.202 760.293 646.265C756.598 658.329 750.375 669.467 742.04 678.939C733.704 688.41 723.447 695.998 711.951 701.196C700.455 706.395 687.984 709.086 675.367 709.09H675.357Z" fill="#383941"/>
<path id="Vector_52" d="M675.357 633.06C682.432 633.06 688.167 627.325 688.167 620.25C688.167 613.175 682.432 607.44 675.357 607.44C668.282 607.44 662.547 613.175 662.547 620.25C662.547 627.325 668.282 633.06 675.357 633.06Z" fill="#383941"/>
</g>
<g id="hat">
<path id="Vector_53" d="M452.624 107.927C454.754 114.607 464.984 114.817 470.234 119.737C472.964 122.297 474.234 126.077 477.234 128.357C481.404 131.537 487.424 130.837 492.734 130.077C503.424 128.557 514.904 127.647 524.544 132.257C527.964 133.887 531.034 136.167 534.604 137.497C538.174 138.827 542.604 138.987 545.504 136.627C547.824 134.737 548.674 131.627 550.774 129.547C552.404 127.907 554.674 126.987 556.534 125.547C560.614 122.467 562.374 117.447 563.534 112.647C565.934 102.767 566.624 92.1167 562.534 82.7467C558.444 73.3767 548.604 65.7467 537.864 66.2367C534.574 66.3867 531.364 67.2367 528.084 67.5967C519.534 68.4667 511.084 65.5967 502.504 65.1067C500.015 64.8039 497.49 65.1483 495.174 66.1067C493.427 67.0775 491.92 68.4273 490.764 70.0567C486.836 75.2021 484.146 81.1836 482.904 87.5367C481.904 92.3267 481.854 96.6667 475.984 97.4067C469.314 98.2867 448.114 93.7967 452.624 107.927Z" fill="#213E68"/>
</g>
</g>
</svg>
</div>
<div id="tree1">
<svg viewBox="0 0 960 795" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="tree_global">
<path id="green1" d="M300 413.297C300 526.264 232.843 565.708 150 565.708C67.1573 565.708 0 526.264 0 413.297C0 300.33 150 156.618 150 156.618C150 156.618 300 300.33 300 413.297Z" fill="#3CD23F"/>
<path id="trunk1" d="M144.536 548.428L146.072 453.884L210.006 336.921L146.313 439.053L147.003 396.543L191.066 311.921L147.186 385.293L148.428 308.836L195.612 241.466L148.623 296.813L149.399 156.618L144.522 342.211L144.923 334.555L96.951 261.126L144.154 349.252L139.684 434.642L139.551 432.375L84.248 355.102L139.383 440.382L138.824 451.061L138.724 451.221L138.77 452.098L127.43 668.739H142.581L144.399 556.84L199.399 471.769L144.536 548.428Z" fill="#3F3D56"/>
</g>
</svg>
</div>
<div id="tree2">
<svg viewBox="0 0 960 795" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="tree_global">
<path id="green2" d="M300 413.297C300 526.264 232.843 565.708 150 565.708C67.1573 565.708 0 526.264 0 413.297C0 300.33 150 156.618 150 156.618C150 156.618 300 300.33 300 413.297Z" fill="#3CD23F"/>
<path id="trunk2" d="M144.536 548.428L146.072 453.884L210.006 336.921L146.313 439.053L147.003 396.543L191.066 311.921L147.186 385.293L148.428 308.836L195.612 241.466L148.623 296.813L149.399 156.618L144.522 342.211L144.923 334.555L96.951 261.126L144.154 349.252L139.684 434.642L139.551 432.375L84.248 355.102L139.383 440.382L138.824 451.061L138.724 451.221L138.77 452.098L127.43 668.739H142.581L144.399 556.84L199.399 471.769L144.536 548.428Z" fill="#3F3D56"/>
</g>
</svg>
</div>
<div id="tree3">
<svg viewBox="0 0 960 795" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="tree_global">
<path id="green3" d="M300 413.297C300 526.264 232.843 565.708 150 565.708C67.1573 565.708 0 526.264 0 413.297C0 300.33 150 156.618 150 156.618C150 156.618 300 300.33 300 413.297Z" fill="#3CD23F"/>
<path id="trunk3" d="M144.536 548.428L146.072 453.884L210.006 336.921L146.313 439.053L147.003 396.543L191.066 311.921L147.186 385.293L148.428 308.836L195.612 241.466L148.623 296.813L149.399 156.618L144.522 342.211L144.923 334.555L96.951 261.126L144.154 349.252L139.684 434.642L139.551 432.375L84.248 355.102L139.383 440.382L138.824 451.061L138.724 451.221L138.77 452.098L127.43 668.739H142.581L144.399 556.84L199.399 471.769L144.536 548.428Z" fill="#3F3D56"/>
</g>
</svg>
</div>
</div> <!--End Day -->
<div id="night">
<div id="stars1"></div>
<div id="stars2"></div>
<div id="stars3"></div>
<img id="rocket" src="images/rocket.png">
<img id="moon" src="images/moon.png">
<div id="carSvg">
<svg viewBox="0 0 1114 594" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="undraw_Vehicle_sale_a645 1">
<g id="right-tire">
<path id="Vector" d="M1069.29 364.274C1069.29 387.302 1060.4 409.441 1044.47 426.07C1028.54 442.7 1006.8 452.536 983.796 453.525C960.789 454.514 938.289 446.58 920.991 431.379C903.693 416.178 892.934 394.883 890.958 371.94C890.828 370.489 890.731 369.038 890.687 367.566V367.49C890.644 366.418 890.622 365.346 890.622 364.274C890.63 340.586 900.046 317.872 916.798 301.125C933.551 284.378 956.268 274.97 979.956 274.97C1003.64 274.97 1026.36 284.378 1043.11 301.125C1059.87 317.872 1069.28 340.586 1069.29 364.274Z" fill="#65617D"/>
<path id="Vector_2" d="M1069.29 364.274C1069.29 387.302 1060.4 409.441 1044.47 426.07C1028.54 442.7 1006.8 452.536 983.796 453.525C960.789 454.514 938.289 446.58 920.991 431.379C903.693 416.178 892.934 394.883 890.958 371.94C890.828 370.489 890.731 369.038 890.687 367.566V367.49C890.644 366.418 890.622 365.346 890.622 364.274C890.63 340.586 900.046 317.872 916.798 301.125C933.551 284.378 956.268 274.97 979.956 274.97C1003.64 274.97 1026.36 284.378 1043.11 301.125C1059.87 317.872 1069.28 340.586 1069.29 364.274Z" fill="black"/>
<path id="Vector_3" d="M979.953 413.001C1006.86 413.001 1028.68 391.185 1028.68 364.274C1028.68 337.362 1006.86 315.546 979.953 315.546C953.042 315.546 931.226 337.362 931.226 364.274C931.226 391.185 953.042 413.001 979.953 413.001Z" fill="#DCE0ED"/>
<path id="Vector_4" d="M979.953 393.51C996.1 393.51 1009.19 380.421 1009.19 364.274C1009.19 348.127 996.1 335.037 979.953 335.037C963.807 335.037 950.717 348.127 950.717 364.274C950.717 380.421 963.807 393.51 979.953 393.51Z" fill="#65617D"/>
</g>
<g id="left-tire">
<path id="Vector_5" d="M592.378 364.274C592.379 387.302 583.486 409.441 567.557 426.071C551.627 442.7 529.891 452.536 506.884 453.525C483.877 454.514 461.377 446.58 444.079 431.379C426.781 416.178 416.022 394.883 414.046 371.94C413.916 370.489 413.819 369.038 413.776 367.566V367.49C413.732 366.418 413.711 365.346 413.711 364.274C413.719 340.586 423.134 317.872 439.886 301.125C456.639 284.378 479.357 274.97 503.044 274.97C526.732 274.97 549.45 284.378 566.202 301.125C582.954 317.872 592.37 340.586 592.378 364.274Z" fill="#65617D"/>
<path id="Vector_6" d="M592.378 364.274C592.379 387.302 583.486 409.441 567.557 426.071C551.627 442.7 529.891 452.536 506.884 453.525C483.877 454.514 461.377 446.58 444.079 431.379C426.781 416.178 416.022 394.883 414.046 371.94C413.916 370.489 413.819 369.038 413.776 367.566V367.49C413.732 366.418 413.711 365.346 413.711 364.274C413.719 340.586 423.134 317.872 439.886 301.125C456.639 284.378 479.357 274.97 503.044 274.97C526.732 274.97 549.45 284.378 566.202 301.125C582.954 317.872 592.37 340.586 592.378 364.274Z" fill="black"/>
<path id="Vector_7" d="M503.042 413.001C529.953 413.001 551.769 391.185 551.769 364.274C551.769 337.362 529.953 315.546 503.042 315.546C476.13 315.546 454.314 337.362 454.314 364.274C454.314 391.185 476.13 413.001 503.042 413.001Z" fill="#DCE0ED"/>
<path id="Vector_8" d="M503.042 393.51C519.189 393.51 532.278 380.421 532.278 364.274C532.278 348.127 519.189 335.037 503.042 335.037C486.895 335.037 473.805 348.127 473.805 364.274C473.805 380.421 486.895 393.51 503.042 393.51Z" fill="#65617D"/>
</g>
<g id="Car">
<path id="Vector_9" d="M1097.15 347.534L1067.35 346.238L1040.13 295.696L944.23 287.92L897.575 348.83L900.167 365.678L893.687 381.229L589.138 383.821V376.045H586.546L583.954 364.382H607.281L590.434 346.238L530.82 295.696C530.82 295.696 428.439 298.288 427.143 295.696C425.847 293.104 432.975 266.537 432.975 266.537L477.038 253.578L627.369 241.914C660.415 189.428 690.222 164.805 690.222 164.805H1076.42L1094.56 258.113V258.334L1097.15 347.534Z" fill="#444053"/>
<path id="Vector_10" d="M882.024 354.014C882.024 354.014 920.903 281.441 950.71 281.441H1023.28C1023.28 281.441 1041.43 281.441 1049.2 295.696L1079.01 354.014H1055.68C1055.68 354.014 1036.24 299.584 1014.21 298.288C992.18 296.992 954.597 298.288 954.597 298.288C954.597 298.288 941.638 298.288 933.862 313.839C926.086 329.391 899.796 363.267 899.796 363.267C899.796 363.267 871.656 372.158 882.024 354.014Z" fill="#33323D"/>
<path id="Vector_11" d="M1114 342.351H1065.25L1064.75 381.229L1114 369.566V342.351Z" fill="#33323D"/>
<path id="Vector_12" d="M409 319.023C409 319.023 411.592 299.584 429.735 291.808L548.963 285.328C548.963 285.328 568.403 286.624 578.77 311.248L612.465 361.79V369.566H574.882C574.882 369.566 556.739 300.88 504.901 303.472H442.695C442.695 303.472 428.439 303.472 423.256 326.799L409 319.023Z" fill="#33323D"/>
<path id="Vector_13" d="M688.926 172.58H1086.78C1086.78 168.799 1085.28 165.174 1082.61 162.5C1079.94 159.827 1076.31 158.325 1072.53 158.325H703.182C701.31 158.325 699.456 158.694 697.727 159.41C695.997 160.126 694.426 161.176 693.102 162.5C691.778 163.824 690.728 165.395 690.012 167.125C689.295 168.854 688.926 170.708 688.926 172.58Z" fill="#33323D"/>
<path id="Vector_14" opacity="0.8" d="M774.189 249.042H664.093C662.853 249.042 661.633 248.732 660.543 248.14C659.453 247.549 658.528 246.694 657.852 245.654C657.176 244.614 656.771 243.422 656.673 242.186C656.575 240.95 656.788 239.708 657.291 238.575L674.713 199.377C677.401 193.33 681.785 188.192 687.334 184.586C692.883 180.979 699.358 179.06 705.976 179.06H772.868C774.098 179.06 775.316 179.302 776.452 179.773C777.589 180.244 778.622 180.934 779.492 181.804C780.361 182.674 781.051 183.706 781.522 184.843C781.993 185.979 782.235 187.198 782.235 188.428V240.996C782.235 242.052 782.027 243.099 781.623 244.075C781.218 245.051 780.626 245.938 779.879 246.685C779.131 247.432 778.244 248.025 777.268 248.429C776.292 248.834 775.246 249.042 774.189 249.042Z" fill="#705AF5" fill-opacity="0.8"/>
<path id="Vector_15" opacity="0.8" d="M912.771 179.06H816.286C813.226 179.06 810.746 181.54 810.746 184.599V243.502C810.746 246.562 813.226 249.042 816.286 249.042H912.771C915.831 249.042 918.311 246.562 918.311 243.502V184.599C918.311 181.54 915.831 179.06 912.771 179.06Z" fill="#705AF5" fill-opacity="0.8"/>
<path id="Vector_16" d="M1094.56 258.113V258.334L927.382 260.705L923.028 164.805H1076.42L1094.56 258.113Z" fill="#33323D"/>
<path id="Vector_17" opacity="0.8" d="M1059.21 179.06H947.177C944.118 179.06 941.638 181.54 941.638 184.599V243.502C941.638 246.562 944.118 249.042 947.177 249.042H1059.21C1062.27 249.042 1064.75 246.562 1064.75 243.502V184.599C1064.75 181.54 1062.27 179.06 1059.21 179.06Z" fill="#705AF5" fill-opacity="0.8"/>
<path id="Vector_18" d="M788.251 273.665H750.3C749.328 273.665 748.54 274.453 748.54 275.425V279.681C748.54 280.653 749.328 281.441 750.3 281.441H788.251C789.223 281.441 790.011 280.653 790.011 279.681V275.425C790.011 274.453 789.223 273.665 788.251 273.665Z" fill="#33323D"/>
<path id="Vector_19" d="M907.479 273.665H869.528C868.556 273.665 867.768 274.453 867.768 275.425V279.681C867.768 280.653 868.556 281.441 869.528 281.441H907.479C908.451 281.441 909.239 280.653 909.239 279.681V275.425C909.239 274.453 908.451 273.665 907.479 273.665Z" fill="#33323D"/>
</g>
</g>
</svg>
</div>
</div> <!--End Night-->
<script src="script.js"></script>
</body>
</html>