Style changes and word changes

2 files changed, 23 insertions, 2 deletions

diff --git a/css/styles.css b/css/styles.css
index 887a8c7..b41e2ff 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -4,6 +4,10 @@
   background: transparent;
 }
 
+p {
+  padding-top: 4px;
+}
+
 body {
   font-family: Arial, Helvetica, sans-serif;
   color: white;
@@ -44,3 +48,10 @@ footer {
   width: 100%;
   font-size: 30px;
 }
+
+#git-butt {
+  background: lawngreen;
+  padding: 5px;
+  width: 80%;
+  font-size: 80px;
+}
diff --git a/index.html b/index.html
index 54c2684..d860e13 100644
--- a/index.html
+++ b/index.html
@@ -19,15 +19,25 @@
             </section>
             <section>
                 <h1> What is it running? </h1>
-                <p> > This server is run by my shitty python code </p>
+                <p> > This server is run by the shitty python code I wrote </p>
                 <p> > Server does not use flask or any other similar python web frameworks </p>
                 <p> > It primarily uses standard python libraries, with 2 libraries being an exception </p>
                 <p> > <i> aiofiles </i> - for asynchronous file I/O </p>
                 <p> > <i> htmlmin </i> - for making html page slightly smaller (along with gzip) </p>
             </section>
             <section>
+                <h1> Where can I see the shitty python code you wrote? </h1>
+                <p> > You can check the shitty python code I wrote at my github </p>
+                <p> > here's comically large button to help you navigate to there </p>
+                <p style="padding-top: 12px;text-align: center">
+                    <button id="git-butt" class="btn btn-success" onclick=" window.open('https://github.com/UltraQbik/httpy','_blank')"> OPEN GITHUB NOW </button>
+                </p>
+            </section>
+            <section>
                 <h1> Useless button section? </h1>
-                <button id="cool-butt"> <b> Useless button section. </b> </button>
+                <p style="padding-top: 12px">
+                    <button id="cool-butt"> Useless button section. </button>
+                </p>
             </section>
         </div>
     <footer>