[CANCELLED], make a button for display the history of pomodoros and rests

public/sass_styles/_goDownArrow.scss

@@ -5,10 +5,13 @@
     display: flex;
     justify-content: center;
 
-    cursor: pointer;
     
     svg {
         height: 6vh;
+        width: 6vh;
+
+        cursor: pointer;
+        
         path {
             fill: rgb(170, 170, 170);
             // CREDITS TO https://stackoverflow.com/a/49627345

public/sass_styles/_historyButton.scss

@@ -0,0 +1,49 @@
+.history-button {
+    @include normalizeButton;
+
+    height: 9vh;
+    width: 9vh;
+
+    padding: 0;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    position: absolute;
+    left: 6vh;
+
+    border-radius: 100%;
+
+    background-color: $light-color;
+
+    svg {
+        @include svgStyle;
+
+        path {
+            fill: rgba(80, 80, 80, 0.556);
+        }
+
+        width: 6vh;
+        height: 6vh;
+        
+    }
+
+    &:hover {
+        animation: spin 0.4s ease-in-out;
+
+}
+
+    @keyframes spin {
+        0% {
+            transform: rotate(0deg);
+        }
+
+
+        100% {
+            transform: rotate(360deg);
+        }
+    }
+
+    
+}

public/sass_styles/styles.scss

@@ -26,6 +26,15 @@
     width: 8vw;
 }
 
+@mixin svgStyle {
+    cursor: pointer;
+        
+    path {
+        fill: rgb(170, 170, 170);
+        // CREDITS TO https://stackoverflow.com/a/49627345
+    }
+}
+
 $background-color: #ffffff;
 
 $main-color: #62D2A2;
@@ -39,6 +48,7 @@ $lightest-color: #D7FBE8;
 @import 'styleSelector';
 @import 'goDownArrow';
 @import 'aboutThis';
+@import 'historyButton';
 
 html, body { 
     margin: 0;