💄 (app) better responsive design

src/views/Home.vue

@@ -76,6 +76,15 @@
       @play="start"
       @pause="pause"
     />
+    <footer>
+      chill with
+      <a
+        href="https://www.youtube.com/watch?v=5qap5aO4i9A"
+        target="_blank"
+        rel="noopener noreferrer"
+        >chilled cow</a
+      >
+    </footer>
   </div>
 </template>
 
@@ -120,6 +129,8 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+@import '@/styles/variables';
+
 .home {
   display: flex;
   flex: 1;
@@ -144,4 +155,10 @@ export default defineComponent({
 .music {
   margin: 1rem 0;
 }
+
+footer {
+  justify-self: flex-end;
+  font-family: $serif-font-family;
+  font-style: italic;
+}
 </style>