From 59d277f93b6a02a59911d942c8fdf78a525b47d7 Mon Sep 17 00:00:00 2001
From: Hexaitos <me@hexaitos.com>
Date: Mon, 30 Sep 2024 15:30:23 +0200
Subject: [PATCH] Change contanct css, remove !important

---
 _site/assets/css/styles.css | 58 ++++++++++++++++++-------------------
 _site/contact.html          |  3 +-
 assets/css/styles.css       | 58 ++++++++++++++++++-------------------
 contact.md                  |  3 +-
 4 files changed, 60 insertions(+), 62 deletions(-)

diff --git a/_site/assets/css/styles.css b/_site/assets/css/styles.css
index 0f9f8c3..e13acab 100755
--- a/_site/assets/css/styles.css
+++ b/_site/assets/css/styles.css
@@ -71,32 +71,6 @@ body {
   background-color: #9f9287;
 }
 
-div.pfp {
-  padding: .5em;
-}
-
-div.main {
-  background-color: #cdcac4;
-  padding: 2em;
-  border-radius: 10px;
-  min-height: 500px;
-}
-
-.pfp img {
-  border: 5px double rgba(167, 47, 20, 1);
-  border-radius: 10px;
-  max-width: 150px !important;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.pfp p {
-  text-align: center;
-  font-style: italic;
-  font-size: 12px !important; 
-}
-
 .main h1, h2, h3 {
   font-variant: small-caps;
   padding: .3em .3em;
@@ -114,12 +88,39 @@ div.main {
 
 .main p {
   font-size: 16px;
+  text-align: justify;
 }
 
 .main img {
   max-width: 100%;
 }
 
+div.pfp {
+  padding: .5em;
+}
+
+div.main {
+  background-color: #cdcac4;
+  padding: 2em;
+  border-radius: 10px;
+  min-height: 500px;
+}
+
+.pfp img {
+  border: 5px double rgba(167, 47, 20, 1);
+  border-radius: 10px;
+  max-width: 150px;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.pfp p {
+  text-align: center;
+  font-style: italic;
+  font-size: 12px; 
+}
+
 div.menu {
   /* background: #ae4e26; */
   background: #2b2623; 
@@ -177,12 +178,9 @@ div.contact {
   color: white;
   text-decoration: none;
   padding: .8em .8em;
-  margin-right: 1em;
-  margin-left: 1em;
-  min-width: 80%;
   text-align: center;
   background-color: #dba047;
-  display:inline-block;
+  display:grid;
   font-size: medium;
   border-radius: 10px;
   margin-bottom: 1em;
diff --git a/_site/contact.html b/_site/contact.html
index 0bbd1af..55a8caf 100755
--- a/_site/contact.html
+++ b/_site/contact.html
@@ -25,7 +25,8 @@
 <a href="https://furaffinity.net/user/hexaitos">Fur Affinity (hexaitos)</a>
 <a href="https://discordapp.com/users/1272834133697101854">Discord (hexaitos)</a>
 <a href="https://bsky.app/profile/hexaitos.bsky.social">Bluesky (@hexaitos.bsky.social)</a>
-<a href="https://steamcommunity.com/id/hexaitos/">Steam (hexaitos)</a> <a href="https://www.weasyl.com/~hexaitos">Weasyl (hexaitos)</a>
+<a href="https://steamcommunity.com/id/hexaitos/">Steam (hexaitos)</a> 
+<a href="https://www.weasyl.com/~hexaitos">Weasyl (hexaitos)</a>
 <a href="https://hexaitos.sofurry.com/">SoFurry (hexaitos)</a></p>
 
       </div>
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 0f9f8c3..e13acab 100755
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -71,32 +71,6 @@ body {
   background-color: #9f9287;
 }
 
-div.pfp {
-  padding: .5em;
-}
-
-div.main {
-  background-color: #cdcac4;
-  padding: 2em;
-  border-radius: 10px;
-  min-height: 500px;
-}
-
-.pfp img {
-  border: 5px double rgba(167, 47, 20, 1);
-  border-radius: 10px;
-  max-width: 150px !important;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.pfp p {
-  text-align: center;
-  font-style: italic;
-  font-size: 12px !important; 
-}
-
 .main h1, h2, h3 {
   font-variant: small-caps;
   padding: .3em .3em;
@@ -114,12 +88,39 @@ div.main {
 
 .main p {
   font-size: 16px;
+  text-align: justify;
 }
 
 .main img {
   max-width: 100%;
 }
 
+div.pfp {
+  padding: .5em;
+}
+
+div.main {
+  background-color: #cdcac4;
+  padding: 2em;
+  border-radius: 10px;
+  min-height: 500px;
+}
+
+.pfp img {
+  border: 5px double rgba(167, 47, 20, 1);
+  border-radius: 10px;
+  max-width: 150px;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.pfp p {
+  text-align: center;
+  font-style: italic;
+  font-size: 12px; 
+}
+
 div.menu {
   /* background: #ae4e26; */
   background: #2b2623; 
@@ -177,12 +178,9 @@ div.contact {
   color: white;
   text-decoration: none;
   padding: .8em .8em;
-  margin-right: 1em;
-  margin-left: 1em;
-  min-width: 80%;
   text-align: center;
   background-color: #dba047;
-  display:inline-block;
+  display:grid;
   font-size: medium;
   border-radius: 10px;
   margin-bottom: 1em;
diff --git a/contact.md b/contact.md
index a2bcbff..625a32b 100755
--- a/contact.md
+++ b/contact.md
@@ -8,5 +8,6 @@ title: "Hexaitos.com – Contact"
 [Fur Affinity (hexaitos)](https://furaffinity.net/user/hexaitos)
 [Discord (hexaitos)](https://discordapp.com/users/1272834133697101854)
 [Bluesky (@hexaitos.bsky.social)](https://bsky.app/profile/hexaitos.bsky.social)
-[Steam (hexaitos)](https://steamcommunity.com/id/hexaitos/) [Weasyl (hexaitos)](https://www.weasyl.com/~hexaitos)
+[Steam (hexaitos)](https://steamcommunity.com/id/hexaitos/) 
+[Weasyl (hexaitos)](https://www.weasyl.com/~hexaitos)
 [SoFurry (hexaitos)](https://hexaitos.sofurry.com/)