src/thsf/static/css/style.css

@@ -25,23 +25,6 @@ body {
   font-family: pfdintextcomppromedium;
 }
 
-span.header {
-  font-size: 9.75em;
-  font-weight: bold;
-}
-
-
-span.subheader {
-  margin: 0;
-  font-size: 3.47em;
-  font-weight: thin;
-}
-
-span.place {
-  margin: 0;
-  font-size: 2.145em;
-}
-
 .white {
   color: var(--main-color);
 }
@@ -58,6 +41,44 @@ span.place {
   font-family: pfdintextcomppromedium;
 }
 
+.button {
+  font-size: 4em;
+  transition-property: color;
+  transition-duration: 1s;
+}
+
+.button:hover {
+  color: var(--main-color);
+  cursor: pointer;
+}
+
+.logo {
+  width: inherit;
+}
+
+.cursor {
+  width: 0;
+  height: 0;
+  border-left: 0.75em solid transparent;
+  border-right: 0.75em solid transparent;
+  border-bottom: 0.75em solid var(--alt-color);
+}
+
+
+a {
+  font-family: pfdintextcomppromedium;
+  font-weight: 250;
+  color: var(--alt-color);
+  transition-property: color;
+  transition-duration: 1s;
+  text-decoration: wavy;
+}
+
+a:hover {
+  color: var(--main-color);
+  cursor: pointer;
+}
+
 /* #content_wrapper {
   display: flex;
   flex-direction: column;
@@ -84,6 +105,20 @@ span.place {
 #header {
   text-align: center;
   margin-bottom: -3em;
+  font-size: 9.75em;
+  font-weight: bold;
+}
+
+
+#subheader {
+  margin: 0;
+  font-size: 3.47em;
+  font-weight: thin;
+}
+
+#place {
+  margin: 0;
+  font-size: 2.145em;
 }
 
 #logo_wrapper {
@@ -91,10 +126,6 @@ span.place {
   width: 40em;
 }
 
-img.logo {
-  width: inherit;
-}
-
 #navbar_wrapper {
   position: fixed;
   bottom: 0;
@@ -108,29 +139,10 @@ img.logo {
   width: 100vw;
 }
 
-.button {
-  font-size: 4em;
-  transition-property: color;
-  transition-duration: 1s;
-}
-
-.button:hover {
-  color: var(--main-color);
-  cursor: pointer;
-}
-
 #cursorbar {
   margin-top: 1em;
 }
 
-.cursor {
-  width: 0;
-  height: 0;
-  border-left: 0.75em solid transparent;
-  border-right: 0.75em solid transparent;
-  border-bottom: 0.75em solid var(--alt-color);
-}
-
 #blah {
   margin: 2em 0 2em;
   font-size: 2em;
@@ -145,16 +157,3 @@ img.logo {
   margin-top: 1em;
 }
 
-a {
-  font-family: pfdintextcomppromedium;
-  font-weight: 250;
-  color: var(--alt-color);
-  transition-property: color;
-  transition-duration: 1s;
-  text-decoration: wavy;
-}
-
-a:hover {
-  color: var(--main-color);
-  cursor: pointer;
-}