Changes em usage into rem usage

src/components/FilterTile.vue

@@ -38,7 +38,7 @@ export default {
   }
   form {
     border-radius: 0 0 20px 0;
-    padding: 0 0.2em 0.2em 0;
+    padding: 0 0.2rem 0.2rem 0;
     background: #282a32;
     label {
         display: inline;
@@ -46,14 +46,14 @@ export default {
         background: linear-gradient(to left top, #9F86FF, #1CA8DD, #007AE1);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
-        margin: 0.5em;
+        margin: 0.5rem;
         display: inline;
     }
     input {
       display: inline-block;
       width: 200px;
-      padding: 0.5em;
-      margin: 0.5em;
+      padding: 0.5rem;
+      margin: 0.5rem;
       outline: none;
       border: none;
       border-radius: 12px;
@@ -76,7 +76,7 @@ export default {
       flex: 1;
       border-radius: 0;
       text-align: center;
-      padding: 0.25em 0;
+      padding: 0.25rem 0;
     }
     .space-filler {
       display: none;

src/components/ItemGroup.vue

@@ -39,7 +39,7 @@ export default {
 .no-items {
     width: 100px;
     margin: 0 auto;
-    padding: 0.8em;
+    padding: 0.8rem;
     text-align: center;
     cursor: default;
     border-radius: 10px;

src/components/Nav.vue

@@ -18,8 +18,8 @@ nav {
     align-items: center;
     .nav-item {
         display: inline-block;
-        padding: 0.75em 0.5em;
-        margin: 0.5em;
+        padding: 0.75rem 0.5rem;
+        margin: 0.5rem;
         outline: none;
         border: none;
         border-radius: 5px;

src/views/Home.vue

@@ -67,7 +67,7 @@ export default {
 
 section.top-section {
     margin: 0;
-    padding: 0.5em;
+    padding: 0.5rem;
     display: flex;
     justify-content: space-between;
     background: #282a32;
@@ -86,7 +86,7 @@ section.top-section {
     background: linear-gradient(to left top, #9F86FF, #1CA8DD, #007AE1);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
-    font-size: 3em;
+    font-size: 3rem;
     margin: 0;
   }
   span.subtitle {
@@ -96,13 +96,13 @@ section.top-section {
   }
   @media screen and (max-width: 600px) {
     text-align: center;
-    padding: 0.25em 0;
+    padding: 0.25rem 0;
   }
 }
 
 .item-group-container {
   display: flex;
-  margin: 2em;
+  margin: 2rem;
   align-items:flex-start;
   align-content:flex-start;
   .item-group-outer {