#include <stdio.h>
int main(void) {
// your code goes here
return 0;
}
I2luY2x1ZGUgPHN0ZGlvLmg+CgppbnQgbWFpbih2b2lkKSB7CgkvLyB5b3VyIGNvZGUgZ29lcyBoZXJlCglyZXR1cm4gMDsKfQo=
Jmx0OyFET0NUWVBFIGh0bWwmZ3Q7CiZsdDtodG1sIGxhbmc9JnF1b3Q7ZW4mcXVvdDsmZ3Q7CiZsdDtoZWFkJmd0OwogICZsdDttZXRhIGNoYXJzZXQ9JnF1b3Q7VVRGLTgmcXVvdDsmZ3Q7CiAgJmx0O3RpdGxlJmd0O0NTUyBDYXIgQW5pbWF0aW9uJmx0Oy90aXRsZSZndDsKICAmbHQ7c3R5bGUmZ3Q7CiAgICBib2R5IHsKICAgICAgbWFyZ2luOiAwOwogICAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQodG8gdG9wLCAjNDQ0IDYwJSwgIzg3Y2VlYiA2MCUpOwogICAgfQoKICAgIC5yb2FkIHsKICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICBib3R0b206IDA7CiAgICAgIHdpZHRoOiAxMDAlOwogICAgICBoZWlnaHQ6IDIwMHB4OwogICAgICBiYWNrZ3JvdW5kOiAjMmMyYzJjOwogICAgfQoKICAgIC5saW5lcyB7CiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgdG9wOiA5MHB4OwogICAgICBsZWZ0OiAwOwogICAgICB3aWR0aDogMTAwJTsKICAgICAgaGVpZ2h0OiAyMHB4OwogICAgICBiYWNrZ3JvdW5kOiByZXBlYXRpbmctbGluZWFyLWdyYWRpZW50KAogICAgICAgIHRvIHJpZ2h0LAogICAgICAgIHRyYW5zcGFyZW50IDAgNDBweCwKICAgICAgICB3aGl0ZSA0MHB4IDYwcHgKICAgICAgKTsKICAgICAgYW5pbWF0aW9uOiBtb3ZlTGluZXMgMnMgbGluZWFyIGluZmluaXRlOwogICAgfQoKICAgIEBrZXlmcmFtZXMgbW92ZUxpbmVzIHsKICAgICAgZnJvbSB7CiAgICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMCAwOwogICAgICB9CiAgICAgIHRvIHsKICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMTAwcHggMDsKICAgICAgfQogICAgfQoKICAgIC5jYXIgewogICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAgIGJvdHRvbTogNTBweDsKICAgICAgbGVmdDogMTAwcHg7CiAgICAgIHdpZHRoOiAxMDBweDsKICAgICAgaGVpZ2h0OiA1MHB4OwogICAgICBiYWNrZ3JvdW5kOiByZWQ7CiAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7CiAgICAgIGJveC1zaGFkb3c6IDAgNHB4ICMwMDA7CiAgICB9CgogICAgLndoZWVsIHsKICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICBib3R0b206IC0xMHB4OwogICAgICB3aWR0aDogMjBweDsKICAgICAgaGVpZ2h0OiAyMHB4OwogICAgICBiYWNrZ3JvdW5kOiBibGFjazsKICAgICAgYm9yZGVyLXJhZGl1czogNTAlOwogICAgICBhbmltYXRpb246IHNwaW4gMXMgbGluZWFyIGluZmluaXRlOwogICAgfQoKICAgIC53aGVlbC5sZWZ0IHsKICAgICAgbGVmdDogMTBweDsKICAgIH0KCiAgICAud2hlZWwucmlnaHQgewogICAgICByaWdodDogMTBweDsKICAgIH0KCiAgICBAa2V5ZnJhbWVzIHNwaW4gewogICAgICAwJSB7IHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOyB9CiAgICAgIDEwMCUgeyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB9CiAgICB9CiAgJmx0Oy9zdHlsZSZndDsKJmx0Oy9oZWFkJmd0OwombHQ7Ym9keSZndDsKCiAgJmx0O2RpdiBjbGFzcz0mcXVvdDtyb2FkJnF1b3Q7Jmd0OwogICAgJmx0O2RpdiBjbGFzcz0mcXVvdDtsaW5lcyZxdW90OyZndDsmbHQ7L2RpdiZndDsKICAgICZsdDtkaXYgY2xhc3M9JnF1b3Q7Y2FyJnF1b3Q7Jmd0OwogICAgICAmbHQ7ZGl2IGNsYXNzPSZxdW90O3doZWVsIGxlZnQmcXVvdDsmZ3Q7Jmx0Oy9kaXYmZ3Q7CiAgICAgICZsdDtkaXYgY2xhc3M9JnF1b3Q7d2hlZWwgcmlnaHQmcXVvdDsmZ3Q7Jmx0Oy9kaXYmZ3Q7CiAgICAmbHQ7L2RpdiZndDsKICAmbHQ7L2RpdiZndDsKCiZsdDsvYm9keSZndDsKJmx0Oy9odG1sJmd0Ow==
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS Car Animation</title>
<style>
body {
margin: 0;
overflow: hidden;
background: linear-gradient(to top, #444 60%, #87ceeb 60%);
}
.road {
position: absolute;
bottom: 0;
width: 100%;
height: 200px;
background: #2c2c2c;
}
.lines {
position: absolute;
top: 90px;
left: 0;
width: 100%;
height: 20px;
background: repeating-linear-gradient(
to right,
transparent 0 40px,
white 40px 60px
);
animation: moveLines 2s linear infinite;
}
@keyframes moveLines {
from {
background-position: 0 0;
}
to {
background-position: -100px 0;
}
}
.car {
position: absolute;
bottom: 50px;
left: 100px;
width: 100px;
height: 50px;
background: red;
border-radius: 10px;
box-shadow: 0 4px #000;
}
.wheel {
position: absolute;
bottom: -10px;
width: 20px;
height: 20px;
background: black;
border-radius: 50%;
animation: spin 1s linear infinite;
}
.wheel.left {
left: 10px;
}
.wheel.right {
right: 10px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body>
<div class="road">
<div class="lines"></div>
<div class="car">
<div class="wheel left"></div>
<div class="wheel right"></div>
</div>
</div>
</body>
</html>