maringetxway commited on
Commit
71a5036
·
verified ·
1 Parent(s): 1f8b697

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +12 -20
style.css CHANGED
@@ -9,6 +9,14 @@ body {
9
  overflow: hidden;
10
  }
11
 
 
 
 
 
 
 
 
 
12
  .container {
13
  position: relative;
14
  z-index: 1;
@@ -17,6 +25,7 @@ body {
17
  justify-content: center;
18
  align-items: center;
19
  height: 100vh;
 
20
  }
21
 
22
  h1 {
@@ -31,7 +40,8 @@ h1 {
31
  justify-content: center;
32
  align-items: center;
33
  gap: 4vw;
34
- height: 70vh; /* take 70% of the screen height */
 
35
  }
36
 
37
  #countdown div {
@@ -39,7 +49,7 @@ h1 {
39
  flex-direction: column;
40
  align-items: center;
41
  justify-content: center;
42
- font-size: 10vw; /* adjusts based on screen width */
43
  line-height: 1;
44
  }
45
 
@@ -51,24 +61,6 @@ h1 {
51
  color: #ccc;
52
  }
53
 
54
-
55
- #starfield {
56
- position: fixed;
57
- top: 0;
58
- left: 0;
59
- z-index: 0;
60
- background: black;
61
- }
62
-
63
- .container {
64
- position: relative;
65
- z-index: 1;
66
- max-width: 600px;
67
- }
68
-
69
-
70
-
71
-
72
  @keyframes pulse {
73
  0% { transform: scale(1); }
74
  50% { transform: scale(1.05); }
 
9
  overflow: hidden;
10
  }
11
 
12
+ #starfield {
13
+ position: fixed;
14
+ top: 0;
15
+ left: 0;
16
+ z-index: 0;
17
+ background: black;
18
+ }
19
+
20
  .container {
21
  position: relative;
22
  z-index: 1;
 
25
  justify-content: center;
26
  align-items: center;
27
  height: 100vh;
28
+ width: 100%;
29
  }
30
 
31
  h1 {
 
40
  justify-content: center;
41
  align-items: center;
42
  gap: 4vw;
43
+ height: 70vh; /* takes 70% of screen height */
44
+ width: 100%;
45
  }
46
 
47
  #countdown div {
 
49
  flex-direction: column;
50
  align-items: center;
51
  justify-content: center;
52
+ font-size: 10vw; /* scale numbers based on width */
53
  line-height: 1;
54
  }
55
 
 
61
  color: #ccc;
62
  }
63
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
64
  @keyframes pulse {
65
  0% { transform: scale(1); }
66
  50% { transform: scale(1.05); }