diff --git a/template.html b/template.html index 21b5dbb..d12d237 100644 --- a/template.html +++ b/template.html @@ -13,18 +13,19 @@ } body { + justify-content: center; + align-items: center; min-height: 100vh; margin: 0; - font-family: Arial, sans-serif; - letter-spacing: -0.015em; + font-family: "Poppins", Arial, sans-serif; overflow-wrap: break-word; - background-color: #FAFAFA; - color: #333; /* Improved readability with a darker text color */ - line-height: 1.6; /* Better line spacing */ + background-color: #F9F9F9; + color: #333; + line-height: 1.6; } .header { - background-color: #FAFAFA; + background-color: #F9F9F9; padding: 20px; width: 100%; box-sizing: border-box; @@ -45,19 +46,17 @@ } .content { - max-width: 800px; + max-width: 1000px; width: 100%; - background-color: #FAFAFA; + background-color: #F9F9F9; padding: 20px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Add a subtle shadow for better readability */ - border-radius: 5px; /* Rounded corners for a modern look */ } .content img { width: 100%; height: auto; display: block; - margin-bottom: 20px; /* Add space between images and text */ + margin-bottom: 20px; } .video-container { @@ -74,15 +73,16 @@ .content h6 { margin-top: 1em; margin-bottom: 0.5em; - color: #2a6fc3; /* Consistent heading color */ + color: #333; + font-weight: normal; } .content h1 { - font-size: 36px; + font-size: 40px; } .content h2 { - font-size: 30px; + font-size: 36px; } .content h3 { @@ -136,7 +136,9 @@ } .content p { - font-size: 16px; /* Adjust font size for smaller screens */ + font-size: 18px; /* Slightly larger font size for better readability */ + margin-bottom: 1em; + line-height: 1.6; /* Ensure consistent line spacing */ } .header { @@ -149,10 +151,10 @@
Infostacker Logo
-
-
- {markdown} +
+
+ {markdown} +
-