Hugging Face's logo

Spaces:
xwwww
/
GT
Sleeping

App Files Community
GT
File size: 1,267 Bytes 
330c0d5
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
 
.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.circle{
    position: absolute;
    width: 30px;
    height: 30px;
	background: transparent;
    border-radius: 50%;
	box-shadow: 
		30px 30px 0px #1abc9c,
		30px -30px 0px #2ecc71,
		-30px 30px 0px #9b59b6,
		-30px -30px 0px #e67e22,
		0px 42px 0px #f1c40f,
		0px -42px 0px #2c3e50,
		42px 0px 0px #66ccff,
		-42px 0px 0px #e74c3c;
	animation: animate 3s infinite;
}
@keyframes animate{
	0%{
		box-shadow: 
			3px 3px 3px #1abc9c,
		 	3px -3px 0px #2ecc71,
		 	-3px 3px 0px #9b59b6,
		 	-3px -3px 0px #e67e22,
		 	0px 4px 0px #f1c40f,
		 	0px -4px 0px #2c3e50,
		 	4px 0px 0px #66ccff,
		 	-4px 0px 0px #e74c3c;
		transform: rotate(0deg)
	}
	50%{
		box-shadow: 
			30px 30px 0px #1abc9c,
			30px -30px 0px #2ecc71,
			-30px 30px 0px #9b59b6,
			-30px -30px 0px #e67e22,
			0px 42px 0px #f1c40f,
			0px -42px 0px #2c3e50,
			42px 0px 0px #66ccff,
			-42px 0px 0px #e74c3c;
		transform: rotate(360deg)
	}
	100%{
		box-shadow: 
			3px 3px 3px #1abc9c,
		 	3px -3px 0px #2ecc71,
		 	-3px 3px 0px #9b59b6,
		 	-3px -3px 0px #e67e22,
		 	0px 4px 0px #f1c40f,
		 	0px -4px 0px #2c3e50,
		 	4px 0px 0px #66ccff,
		 	-4px 0px 0px #e74c3c;
		transform: rotate(720deg)
	}
}