1@keyframes ud {
2  0% {
3    transform: translateY(-1px);
4    opacity: 0;
5  }
6
7  50% {
8    transform: translateY(-5px);
9    opacity: 1;
10  }
11
12  100% {
13    transform: translateY(-1px);
14    opacity: 0;
15  }
16}
17
18.notification {
19  width: 250px;
20  height: 60px;
21  background: rgba(0, 0, 0, 0.5);
22  border-radius: 14px;
23  padding: 5px 15px;
24  text-align: center;
25  box-shadow: 2px 2px 0px 1px rgba(255, 0, 0, 0.5) inset, 
26  -2px -2px 0px 1px rgba(255, 0, 0, 0.8) inset,
27  0px 2px 5px 0px rgba(0, 0, 0, .25);
28}
29
30#lvl {
31  font-weight: 700;
32  text-transform: uppercase;
33  letter-spacing: 2px;
34  font-size: 20px;
35}
36
37.notification > span {
38  font-size: 11px;
39  text-transform: uppercase;
40  letter-spacing: 1px;
41}
42
43#level {
44  display: flex;
45  justify-content: center;
46  margin-top: 5px;
47  gap: 5px;
48}
49
50.one {
51  display: inline-block;
52  font-size: 25px;
53  line-height: 25px;
54  animation: ud 1s ease-in-out infinite;
55  color: rgba(255, 0, 0, 0.95);
56}