1.eye {
2  width: 100px;
3  height: 60px;
4  position: relative;
5  z-index: 1;
6}
7
8.up {
9  position: absolute;
10  top: 0px;
11  height: 100px;
12  width: 100px;
13  border-width: 2px;
14  border-style: solid;
15  border-color: black transparent transparent transparent;
16  border-radius: 50%;
17  z-index: 1;
18}
19
20.down {
21  position: absolute;
22  top: -70px;
23  height: 100px;
24  width: 100px;
25  border-width: 2px;
26  border-style: solid;
27  border-color: transparent transparent black transparent;
28  border-radius: 50%;
29  z-index: 1;
30}
31
32.mid {
33  position: absolute;
34  top: 1px;
35  left: 39px;
36  width: 27px;
37  height: 27px;
38  border: none;
39  border-radius: 50%;
40  background-color: black;
41  z-index: 0;
42  animation: eyemove 4s infinite;
43}
44
45@keyframes eyemove {
46  0% {
47    left: 30px;
48    background-color: rgb(164, 213, 230);
49  }
50
51  50% {
52    left: 43px;
53    background-color: rgb(45, 187, 235);
54  }
55
56  100% {
57    left: 30px;
58    background-color: rgb(164, 213, 230);
59  }
60}
61
62