google analytics

index.html

@@ -4,6 +4,15 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Spot the Box</title>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-175646474-1"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', 'UA-175646474-1');
+    </script>
+
     <script src='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js'></script>
     <link href='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css' rel='stylesheet' />
     <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">

src/scss/_resets.scss

@@ -3,8 +3,6 @@ button {
     border: none;
     margin: 0;
     text-decoration: none;
-    font-family: sans-serif;
-    font-size: 1rem;
     cursor: pointer;
     text-align: center;
     transition: background 250ms ease-in-out, 
@@ -15,6 +13,7 @@ button {
 
 button:focus {
     outline: none;
+    border: none;
 }
 
 button:active {

src/scss/main.scss

@@ -56,6 +56,7 @@ main {
 .collection-box-info {
     display: flex;
     flex-direction: column;
+    align-self: center;
 
     p {
         margin: 0px;