From c4455b392c749d2ea7828cff074169f17a69684b Mon Sep 17 00:00:00 2001
From: aggelosQQ <jouflis1@hotmail.com>
Date: Fri, 30 Jun 2017 16:41:23 +0300
Subject: [PATCH] Style enhancements

---
 css/main.css   | 4 +++-
 index.html     | 9 +++++++--
 scss/main.scss | 3 ++-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/css/main.css b/css/main.css
index 444cbbe..2051b82 100644
--- a/css/main.css
+++ b/css/main.css
@@ -62,7 +62,9 @@ body {
   background-size: cover;
   height: auto;
   padding-bottom: 40px;
-  border-bottom: 2px solid #fff; }
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: 0 0 15px black;
+  box-shadow: 0 0 15px black; }
 
 .rule {
   z-index: 100;
diff --git a/index.html b/index.html
index 8b67150..896b946 100644
--- a/index.html
+++ b/index.html
@@ -235,9 +235,14 @@
                      </div>
                      <div class="col s12 m12 l4 hide-on-med-and-down">
                     <!--  <h3 style="text-align: center;" class="discord-widget-title">Join us on Discord</h3> -->
-                        <iframe src="https://discordapp.com/widget?id=142361999538520065&theme=dark" class="discord-widget" width="375" height="400" align="center" allowtransparency="true" frameborder="0"></iframe>
+                        <iframe src="https://discordapp.com/widget?id=142361999538520065&theme=dark" class="discord-widget" width="375" height="450" align="center" allowtransparency="true" frameborder="0"></iframe>
                         <br><hr><br>
-                        <p align="center" class="text-align: center;"><a href="http://totalfreedom.boards.net/thread/35427/totalfreedom-discord-server" class="readmore">Read about our Discord Server</a></p>
+                        <p align="center" class="text-align: center;">
+                        <ul class="rest">
+                           <li>
+                              <a href="http://totalfreedom.boards.net/thread/35427/totalfreedom-discord-server" class="readmore waves-effect waves-light" style="font-size: 1em; margin-top: -90px;">Read more about our Discord Server</a></p>
+                           </li>
+                        </ul>
                      </div>
                   </div>
 
diff --git a/scss/main.scss b/scss/main.scss
index 385d2b1..6e5f076 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -62,7 +62,8 @@ body {
     background-size: cover;
     height: auto;
     padding-bottom: 40px;
-    border-bottom: 2px solid #fff;
+    border-top: 1px solid rgba(255, 255, 255, .2);
+    box-shadow: 0 0 15px rgba(0, 0, 0, 1);
 }
 .rule {
     z-index: 100;