Replaced contact flex with table, obscurified emails and updated table styling

1 files changed, 3 insertions, 40 deletions

diff --git a/src/styles.css b/src/styles.css
index 1559964..d6c877a 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -327,10 +327,9 @@ article > table:nth-child(5) td:first-child {
   width: 60%;
 }
 
-article > table td:nth-child(n+2) {
-  line-height: 1.1em;
-  padding: 0.3em;
-  padding-top: 0.2em;
+article > table td:not(:empty) {
+  padding: 0.5em;
+  word-break: break-word;
 }
 
 article > table code {
@@ -343,7 +342,6 @@ article > table th {
 
 article > table td,
 article > table th {
-  padding: 6px 13px;
   border: 1px solid var(--td-border-color);
 }
 
@@ -387,41 +385,6 @@ blockquote > :last-child {
   padding: 0;
 }
 
-/* Contact flex */
-
-#contact-flex {
-  display: flex;
-  flex-wrap: wrap;
-  overflow: hidden;
-}
-
-#contact-flex > div {
-  flex: 1;
-}
-
-.contact-card-title, .contact-card-content {
-  background-color: var(--alternating-row-color);
-  padding: 0.7rem;
-  line-height: 1.5rem;
-}
-
-.contact-card-title *, .contact-card-content * {
-  background-color: inherit;
-  border: none;
-}
-
-.contact-card-title {
-  font-size: 1.2em;
-  margin: 0em 0.4em;
-  color: var(--header-color);
-}
-
-.contact-card-content {
-  font-size: 0.9em;
-  margin: 1em 1.3em;
-  box-sizing: border-box;
-}
-
 /* Syntax highlighting (colours are inspired from gruvbox) */
 
 .cst, .chr { /* Constant, Chars */