GitHubProfileViewer/index.css at main · Harsha41-dev/GitHubProfileViewer · 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
body {
  background: linear-gradient(to right, #667eea, #764ba2);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: white;
  margin: 0;
}

/* Skeleton animation */
.skeleton {
  position: relative;
  overflow: hidden;
  background-color: rgba(255 255 255 / 0.15);
}

.skeleton::before {
  content: "";
  display: block;
  position: absolute;
  top: 0; left: -150%;
  height: 100%;
  width: 150%;
  background: linear-gradient(90deg, transparent, rgba(255 255 255 / 0.3), transparent);
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  0% { left: -150%; }
  100% { left: 100%; }
}