Improved ordering of css styling

1 files changed, 62 insertions, 59 deletions

diff --git a/src/styles.css b/src/styles.css
index 8ae4b3d..d6e22e0 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -15,13 +15,7 @@ blockquote * {
   color: #919191 !important;
 }
 
-h1 {
-  font-size: 1.7em;
-}
 
-h2 {
-  font-size: 1.35em;
-}
 
 h1, h2, h3, h4, h5, h6, b {
   color: #d49408 !important;
@@ -99,7 +93,12 @@ body, td, th {
   line-height: 1.5em;
 }
 
+h1 {
+  font-size: 1.7em;
+}
+
 h2 {
+  font-size: 1.35em;
   padding-bottom: 0.25em;
   border-bottom: 2px solid black;
 }
@@ -185,62 +184,12 @@ h1 + p img, h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img {
   background-color: var(--link-tab-bg-hover-color);
 }
 
-/* OpenSans font */
-
-@font-face {
-  font-family: 'Open Sans';
-  src: url(/fonts/open-sans/OpenSans-Regular.ttf);
-  font-weight: normal;
-}
-
-@font-face {
-  font-family: 'Open Sans';
-  src: url(/fonts/open-sans/OpenSans-Bold.ttf);
-  font-weight: bold;
-}
-
-@font-face {
-  font-family: 'Open Sans';
-  src: url(/fonts/open-sans/OpenSans-ExtraBold.ttf);
-  font-weight: 800;
-}
-
-@font-face {
-  font-family: 'Open Sans';
-  src: url(/fonts/open-sans/OpenSans-Italic.ttf);
-  font-weight: normal;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Open Sans';
-  src: url(/fonts/open-sans/OpenSans-BoldItalic.ttf);
-  font-weight: bold;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Open Sans';
-  src: url(/fonts/open-sans/OpenSans-ExtraBoldItalic.ttf);
-  font-weight: 800;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Open Sans';
-  src: url(/fonts/open-sans/OpenSans-Semibold.ttf);
-  font-weight: 600;
-}
+/* Index page styling */
 
-@font-face {
-  font-family: 'Open Sans';
-  src: url(/fonts/open-sans/OpenSans-SemiboldItalic.ttf);
-  font-weight: 600;
-  font-style: italic;
+#index-contents-img {
+  border: none;
 }
 
-/* Index page styling */
-
 @media screen and (min-width: 610px) {
   #index-page {
     margin-bottom: 10px;
@@ -356,3 +305,57 @@ blockquote > :first-child {
 blockquote > :last-child {
   margin-bottom: 0;
 }
+
+/* OpenSans font */
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url(/fonts/open-sans/OpenSans-Regular.ttf);
+  font-weight: normal;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url(/fonts/open-sans/OpenSans-Bold.ttf);
+  font-weight: bold;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url(/fonts/open-sans/OpenSans-ExtraBold.ttf);
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url(/fonts/open-sans/OpenSans-Italic.ttf);
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url(/fonts/open-sans/OpenSans-BoldItalic.ttf);
+  font-weight: bold;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url(/fonts/open-sans/OpenSans-ExtraBoldItalic.ttf);
+  font-weight: 800;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url(/fonts/open-sans/OpenSans-Semibold.ttf);
+  font-weight: 600;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url(/fonts/open-sans/OpenSans-SemiboldItalic.ttf);
+  font-weight: 600;
+  font-style: italic;
+}