Fix things and add new noscript message

src/components/modals/settings/Section.jsx

@@ -40,7 +40,7 @@ export default class Section extends React.PureComponent {
             <h4 className={noDropdown} onClick={() => this.toggleSection()}>{this.props.title}</h4>
             {expandMore}
             {slider}
-            <div style={{display: this.state.display}}>
+            <div style={{ display: this.state.display }}>
               {extraHTML}
             </div>
         </div>

src/components/modals/settings/sections/BackgroundSettings.jsx

@@ -162,7 +162,7 @@ export default class BackgroundSettings extends React.PureComponent {
           </ul>
           <ul>
             <Dropdown
-              label={this.props.language.background.API}
+              label={this.props.language.background.api}
               name='backgroundapi'
               id='backgroundAPI'
               onChange={() => localStorage.setItem('backgroundAPI', document.getElementById('backgroundAPI').value)}

src/components/modals/settings/sections/SearchSettings.jsx

@@ -29,7 +29,7 @@ export default class SearchSettings extends React.PureComponent {
       <React.Fragment>
         <Section title={this.props.language.searchbar.title} name='searchBar'>
           <ul>
-            <Dropdown label={this.props.language.searchbar.searchengine}
+            <Dropdown label={this.props.language.searchbar.search_engine}
               name='searchEngine'
               id='searchEngine'
               onChange={() => SettingsFunctions.setSearchEngine(document.getElementById('searchEngine').value)}

src/scss/index.scss

@@ -19,14 +19,13 @@
 body {
     background: #2f3640;
     margin: 0;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-family: 'Lexend Deca', sans-serif;
     overflow: hidden;
 }
 
 * {
     font-family: 'Lexend Deca', 'Roboto' !important;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
     outline: none;
 }
 
@@ -52,6 +51,10 @@ body {
     opacity: 1;
 }
 
+::selection {
+    background-color: #c2c2c2;
+}
+
 #root {
     min-height: 100vh;
     display: grid;
@@ -66,6 +69,14 @@ body {
     background-attachment: fixed;
 }
 
+#backgroundVideo {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    min-width: 100%;
+    min-height: 100%;
+}
+
 .fade-in {
     @include animation('fadein 2s');
 }
@@ -88,16 +99,4 @@ body {
 .creditlink {
     text-decoration: none;
     color: white;
-}
-
-::selection {
-    background-color: #c2c2c2;
-}
-
-#backgroundVideo {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    min-width: 100%;
-    min-height: 100%;
 }