all repos — clicker-ts @ main

Unnamed repository; edit this file 'description' to name the repository.

src/styles/Header.css (view raw)

 1.game-header {
 2  background-color: #2c3e50;
 3  color: white;
 4  padding: 15px;
 5  border-radius: 8px;
 6  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 7}
 8
 9.game-header h1 {
10  font-size: 28px;
11  text-align: center;
12  margin-bottom: 15px;
13}
14
15.stats-container {
16  display: flex;
17  justify-content: space-between;
18  flex-wrap: wrap;
19  gap: 10px;
20}
21
22.stat-item {
23  padding: 10px;
24  background-color: rgba(255, 255, 255, 0.1);
25  border-radius: 6px;
26  text-align: center;
27  flex-grow: 1;
28}
29
30.stat-item h2 {
31  font-size: 24px;
32  margin-bottom: 5px;
33}
34
35.stat-item h3 {
36  font-size: 16px;
37  margin-bottom: 3px;
38  font-weight: 500;
39}
40
41.prestige-stats {
42  background-color: rgba(218, 165, 32, 0.2);
43}
44
45/* Responsive adjustments */
46@media (max-width: 768px) {
47  .stats-container {
48    flex-direction: column;
49  }
50  
51  .stat-item {
52    width: 100%;
53  }
54  
55  .game-header h1 {
56    font-size: 24px;
57  }
58}