scss fixes

.gitignore

@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+package-lock.json
 
 # Editor directories and files
 .vscode/*

src/sass/App.scss

@@ -10,6 +10,11 @@
     display: none;
   }
 
+  button {
+    border: transparent;
+    border-radius: 6px;
+  }
+  
   main {
     text-align: center;
     position: relative;

src/sass/components/_Button.scss

@@ -1,7 +1,6 @@
 @import "../helper/variables";
 
 %button-style {
-    border-radius: 12px;
     border: transparent;
     background-color: inherit;
     color: $indigoOne;

src/sass/helper/_animations.scss

@@ -1,17 +1,3 @@
-@keyframes sideToSide {
-    from {
-      transform: rotate(-1deg);
-    }
-
-    50% {
-      transform: rotate(1deg);
-    }
-
-    to {
-      transform: rotate(-1deg);
-    }
-}
-
 @keyframes fade-in {
   from {
     opacity: 0;

src/sass/pages/AboutMe.scss

@@ -14,6 +14,8 @@
     padding: 8px 2rem;
     width: 75vw;
 
+    border: transparent;
+
     opacity: 0;
     transition: 0.5s transform ease;
 
@@ -22,11 +24,18 @@
     .am-section-mini {
       display: inline-flex;
       flex-flow: row wrap;
-      align-items: baseline;
+      align-items: center;
       justify-content: space-between;
-
       width: 100%;
 
+      h1 {
+        font-size: 2.5rem;
+      }
+
+      > * {
+        margin: 8px;
+      }
+  
       button {
         display: inline-flex;
         align-items: center;
@@ -38,7 +47,7 @@
       display: flex;
       flex-flow: row wrap;
       height: auto;
-      width: 80%;
+      width: 95%;
       justify-content: space-around;
       margin: 2rem;
       
@@ -57,7 +66,7 @@
         opacity: 0;
         transition: 0.5s transform ease;
     
-        width: 35%;
+        width: 40%;
         height: 400px;
         border-radius: 12px;
     

src/sass/pages/Welcome.scss

@@ -25,7 +25,7 @@
     background-color: $indigoOne;
     color: $lilac;
 
-    animation: sideToSide 10s infinite;
+    // animation: sideToSide 10s infinite;
   }
 
   #welcome-info {
@@ -34,7 +34,7 @@
     font-size: 1rem;
     font-weight: 500;
     padding: 0.6rem;
-    animation: sideToSide 15s infinite;
+    // animation: sideToSide 15s infinite;
 
     background-color: $indigoOne;
     color: $lilac;