general cleanup and stuff

src/scss/index.scss

@@ -1,34 +1,7 @@
+/* Imports */
 @import 'modules/clock';
 @import 'modules/greeting';
 @import 'modules/quote';
 @import 'modules/search';
 @import 'modules/credit';
-@import 'modules/miscellaneous';
-
-#root {
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: center center;
-    background-attachment: fixed;
-    min-height: 100vh;
-    display: grid;
-    color: white;
-}
-
-.App-link {
-    color: #61dafb;
-}
-
-body {
-    background: #2f3640;
-    margin: 0;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-family: 'Lexend Deca';
-    overflow: hidden;
-}
-
-@font-face {
-    font-family: 'Lexend Deca';
-    src: url('/./fonts/LexendDeca-Regular.woff2') format('woff2');
-}
+@import 'modules/miscellaneous';

src/scss/modules/_clock.scss

@@ -1,9 +1,9 @@
-.App-clock {
+.clock {
   font-size: 4em;
   margin: 0;
   text-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
 }
 
-.App-ampm-specifier {
+.ampm {
   font-size: 0.5em;
 }

src/scss/modules/_credit.scss

@@ -1,7 +1,3 @@
-#location {
-  margin-bottom: -10px;
-}
-
 #location,
 #photographer {
   font-size: calc(10px + 1.2vmin);
@@ -9,6 +5,10 @@
   text-overflow: ellipsis;
 }
 
+#location {
+  margin-bottom: -10px;
+}
+
 #photographer {
   position: absolute;
   bottom: 10px;
@@ -16,15 +16,9 @@
   width: 1000px;
 }
 
-.tooltip {
-  position: absolute;
-  bottom: 15px;
-  left: 10px;
-}
-
-.personicon,
 .locationicon {
   font-size: calc(10px + 1.2vmin);
+  cursor: pointer;
 }
 
 .MuiSvgIcon-root {
@@ -49,6 +43,8 @@
   position: relative;
   display: inline-block;
   border-bottom: 1px dotted black;
+  bottom: 15px;
+  left: 10px;
 
   .tooltiptext {
     visibility: hidden;

src/scss/modules/_greeting.scss

@@ -1,4 +1,4 @@
-.App-greeting {
+.greeting {
     margin: 0;
     font-size: 1.6em;
     text-shadow: 0 0 25px rgba(0,0,0,0.3);

src/scss/modules/_miscellaneous.scss

@@ -1,3 +1,12 @@
+body {
+  background: #2f3640;
+  margin: 0;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-family: 'Lexend Deca';
+  overflow: hidden;
+}
+
 #center {
   margin-left: 2vw;
   margin-right: 2vw;
@@ -11,10 +20,19 @@
 ::placeholder {
   color: #ffffff;
   opacity: 1;
-  /* Firefox */
 }
 
-:-ms-input-placeholder {
-  /* Internet Explorer 10-11 */
-  color: #ffffff;
+#root {
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-attachment: fixed;
+  min-height: 100vh;
+  display: grid;
+  color: white;
+}
+
+@font-face {
+  font-family: 'Lexend Deca';
+  src: url('/./fonts/LexendDeca-Regular.woff2') format('woff2');
 }

src/scss/modules/_quote.scss

@@ -1,16 +1,16 @@
-.App-quote {
+.quote {
   font-size: 0.8em;
   text-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
 }
 
 @media screen and (min-width: 600px) {
-  .App-quote {
+  .quote {
     margin-left: 30%;
     margin-right: 30%;
   }
 }
 
-.App-quote-author {
+.quoteauthor {
   font-size: 0.9em;
   letter-spacing: 0.5px;
   margin: 0;
@@ -18,6 +18,6 @@
 }
 
 i.material-icons,
-h1.App-quote-author {
+h1.quoteauthor {
   display: inline;
 }

src/scss/modules/_search.scss

@@ -1,4 +1,4 @@
-.search-bar {
+.searchbar {
     position: absolute;
     left: 20px;
     top: 20px;
@@ -31,7 +31,7 @@
     }
 }
 
-.input.searchText {
+.input.searchtext {
     border: none;
 }