Spaces:
				
			
			
	
			
			
					
		Running
		
	
	
	
			
			
	
	
	
	
		
		
					
		Running
		
	Update style.css
Browse files
    	
        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; /*  | 
|  | |
| 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; /*  | 
| 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); }
         | 
 
			

