Update styles.css

styles.css

@@ -15,26 +15,26 @@ body {
 .container {
     position: relative;
     text-align: center;
-    padding-top: 60px; /* Adjust based on the logo's height */
+    padding-top: 60px; 
 }
 
 .logo {
-    position: fixed; /* This ensures the logo stays in the viewport regardless of scrolling */
-    top: 10px;       /* Adjust to position the logo close to the top edge */
-    left: 10px;      /* Adjust to position the logo close to the left edge */
-    width: 80px;     /* Adjust as needed */
-    height: auto;    /* Maintains aspect ratio */
-    z-index: 1000;   /* Ensures the logo stays above other content */
+    position: fixed; 
+    top: 10px;       
+    left: 10px;      
+    width: 80px;     
+    height: auto;    
+    z-index: 1000;   
 }
 
 
 
 .countdown {
-    font-size: 3em; /* Adjust as needed */
+    font-size: 3em; 
     margin-bottom: 20px;
 }
 
 .event-description {
-    font-size: 2em; /* Adjust as needed */
+    font-size: 2em;
     margin-top: 20px;
 }