Layout changes

src/index.css

@@ -14,11 +14,13 @@
   --heading_text_color: rgba(161, 190, 219, 0.7);
   --heading_other_text_color: var(--heading_text_color);
   --text_color_transition: color 0.3s;
+
+  --default_font_size: 4vmin
 }
 
 * {
   font-family: 'Nunito', sans-serif;
-  font-size: 4vmin;
+  font-size: var(--default_font_size);
 }
 
 *::-moz-focus-inner {

src/index.js

@@ -11,6 +11,10 @@ if (!process.versions.hasOwnProperty('electron')) {
   const ipcRenderer = ((window && window.require) ? window.require('electron').ipcRenderer : null);
   if (ipcRenderer) {
     ipcRenderer.on(Constants.IPC_Get_Platform_Reply, (event, arg) => {
+      if (arg.data !== 'win32') {
+        let root = document.documentElement;
+        root.style.setProperty('--default_font_size', '4.4vmin');
+      }
       ReactDOM.render(<App platform={arg.data} version={packageJson.version}/>, document.getElementById('root'));
       registerServiceWorker();
     });