reorganize style.css and remove rss icon from bottom of page

1 files changed, 58 insertions, 54 deletions

diff --git a/assets/stylesheets/style.css b/assets/stylesheets/style.css
index b5a6aed..24b860d 100644
--- a/assets/stylesheets/style.css
+++ b/assets/stylesheets/style.css
@@ -9,6 +9,7 @@ body {
 	overflow-x: hidden;
 }
 
+/* header */
 header {
 	display: grid;
 	grid-template-columns: 1fr auto 1fr;
@@ -33,11 +34,14 @@ header {
 
 header a {
 	color: white;
-	text-decoration: none;
 	position: relative;
 	width: fit-content;
 }
 
+header a:hover {
+	text-decoration: none;
+}
+
 header a:hover::after {
 	content: "";
 	background: green;
@@ -49,6 +53,7 @@ header a:hover::after {
 	width: calc(100% + 2ex);
 }
 
+/* page */
 main, footer{
 	max-width: 900px;
 	margin: 1.5em auto;
@@ -63,6 +68,13 @@ main, footer{
 	color: #555;
 }
 
+#copyright, #theme-copyright {
+	text-align: center;
+	display: block;
+	opacity: .2;
+}
+
+/* elements */
 hr {
 	color: #555;
 	margin: 2em 0;
@@ -72,16 +84,49 @@ h1, h2, h3, h4, h5, h6 {
 	text-align: center;
 }
 
-.monodate {
-	font-family: monospace;
+a {
+	color: lightgreen;
+	text-decoration: none;
 }
 
-.bold {
-	font-weight: bold;
+a:hover {
+	text-decoration: underline;
 }
 
-a {
-	color: lightgreen;
+/* images */
+img, figcaption {
+	margin: auto;
+	display: block;
+	width: fit-content;
+	max-width: 60%;
+	color: #ddd;
+}
+
+/* tables */
+table {
+	border-collapse: collapse;
+}
+
+tr:nth-child(even) {
+	background: #252525;
+}
+
+th {
+	background: #333;
+	border-right: 1.5px solid #222;
+	padding: .25em;
+}
+
+td:not(.img) {
+	padding-inline: .75ex;
+}
+
+td:not(:last-child) {
+	border-right: 1.5px solid #2b2b2b;
+}
+
+td.img {
+	border: none;
 }
 
 /* highlighted code */
@@ -123,53 +168,12 @@ ol, ul, pre code {
 	max-width: 100%;
 }
 
-.alpha-ol ol {
-	list-style-type: lower-alpha;
-}
-
-img, figcaption {
-	margin: auto;
-	display: block;
-	width: fit-content;
-	max-width: 60%;
-	color: #ddd;
-}
-
-#copyright, #theme-copyright {
-	text-align: center;
-	display: block;
-	opacity: .2;
-}
-
-.overflow-box {
-	overflow: scroll;
-}
-
-table {
-	border-collapse: collapse;
-}
-
-tr:nth-child(even) {
-	background: #252525;
-}
-
-th {
-	background: #333;
-	border-right: 1.5px solid #222;
-	padding: .25em;
-}
-
-td:not(.img) {
-	padding-inline: .75ex;
-}
-
-td:not(:last-child) {
-	border-right: 1.5px solid #2b2b2b;
-}
-
-td.img {
-	border: none;
-}
+/* utility classes */
+.monodate { font-family: monospace }
+.bold { font-weight: bold }
+.nowrap { white-space: nowrap }
+.overflow-box { overflow: scroll }
+.alpha-ol ol { list-style-type: lower-alpha }
 
 @media (max-width: 1000px) {
 	header {