Ball-Bounce/Ballbounce.css at main · Syntax3rr/Ball-Bounce · GitHub

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
* {
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
	color:#fff;
	overflow-y:hidden;
	overflow-x:hidden;
}
body {
	background:#252525;
}
#title {
	margin-left: 3%;
	background: linear-gradient(
		135deg,
		#ff2400,
		#e81d1d,
		#e8b71d,
		#e3e81d,
		#1de840,
		#1ddde8,
		#2b1de8,
		#dd00f3,
		#dd00f3
	);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-size: 1800% 1800%;
	-webkit-animation: rainbow 18s ease infinite;
	-o-animation: rainbow 18s ease infinite;
	animation: rainbow 18s ease infinite;
}

#body {
	width:80%;
	height: 85vh;
	background: #353535;
	box-shadow: -2% 2% rgba(0,0,0,0.2);
	margin-left:10%;
}

#sidebar {
	height: 150px;
	width: 100px;
	background: #444;
	box-shadow: -2px 2px rgba(0,0,0,0.2);
	position: fixed;
	right: 10px;
	top: 100px;
	text-align: right;
	padding: 10px 10px 10px 10px;
}

#screen {
	background: #666;
	margin: 2.5% 2.5%;
	border: solid 2% #333;
}

@-webkit-keyframes rainbow {
	0% {
		background-position: 0% 82%;
	}
	50% {
		background-position: 100% 19%;
	}
	100% {
		background-position: 0% 82%;
	}
}
@-moz-keyframes rainbow {
	0% {
		background-position: 0% 82%;
	}
	50% {
		background-position: 100% 19%;
	}
	100% {
		background-position: 0% 82%;
	}
}
@-o-keyframes rainbow {
	  0% {
		background-position: 0% 82%;
	}
	50% {
		background-position: 100% 19%;
	}
	100% {
		background-position: 0% 82%;
	}
}
@keyframes rainbow {
	0% {
	background-position: 0% 82%;
=	}
	50% {
		background-position: 100% 19%;
	}
	100% {
		background-position: 0% 82%;
	}
}