Fixed a bg pane bug and added material icons fonts

src/assets/scss/_animations.scss

@@ -1,3 +1,14 @@
+@keyframes toggleFavHeart {
+  0%, 20% {
+    color: #d01d35;
+    transform: scale(1.2);
+  }
+  100% {
+    color: #d01d35;
+    transform: scale(1);
+  }
+}
+
 @keyframes fadeInBg {
   from {
     opacity: 0;

src/assets/scss/_fonts.scss

@@ -1 +1,2 @@
+@import url('https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Round');
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:wght@400;600;700;800;900&display=swap');

src/assets/scss/_global.scss

@@ -66,6 +66,18 @@ a {
   }
 }
 
+button {
+  &.no-style {
+    padding: 0;
+    background: none;
+    border: none;
+    cursor: pointer;
+    &:focus {
+      outline: none;
+    }
+  }
+}
+
 hr {
   border-color: rgba($white, .2);
 }
@@ -140,13 +152,14 @@ hr {
     width: 100%;
     background-size: cover;
     background-attachment: fixed;
+    background-repeat: no-repeat;
     z-index: -1;
     opacity: 33%;
     pointer-events: none;
   }
   &.bg-fade-in {
     &:after {
-      width: 120vw;
+      background-size: 120vw;
       opacity: 0;
       animation: fadeInBg 2s ease-out 0s 1 forwards,
       paneBgAround 35s ease-in-out 0s infinite forwards;