diff --git a/images/favicon.ico b/images/main-fav.ico similarity index 100% rename from images/favicon.ico rename to images/main-fav.ico diff --git a/index.html b/index.html index 0868983..3814c8f 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ neon443 - + @@ -15,8 +15,14 @@ ├─neon443.github.io
└─webpage-testing
├─ -

Tips:


My site Dark Mode friendly - no more dark mode extensions needed!
+


+

Tips:

+

+ This site Dark Mode friendly - no more dark mode extensions needed!
Try viewing this site on a mobile phone or resize the browser window - The page automagically fits the device's screen nicely

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

\ No newline at end of file diff --git a/style.css b/style.css index c2850b0..106b833 100644 --- a/style.css +++ b/style.css @@ -7,28 +7,42 @@ b{ } body{ background-color: #f2f2f2; - color: #333333; + color: #262626; font-family: system-ui; height: 100%; } p{ font-size: 20px; - padding: 20px; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 20px; + padding-right: 20px; } h1{ font-size: 45px; font-weight: 750; - padding: 20px; + padding: 0px; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 20px; + padding-right: 20px; + position: fixed; } h2{ font-size: 35px; font-weight: 300; - padding: 20px; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 20px; + padding-right: 20px; } h3{ font-size: 25px; font-weight: 200; - padding: 20px; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 20px; + padding-right: 20px; } @media (prefers-color-scheme: dark) { body { @@ -39,7 +53,7 @@ h3{ background-color: #191919; } p{ - color: #AAAAAA; + color: #e6e6e6; } } @media screen and (max-width: 600px) {