1 files changed, 1 insertions, 47 deletions
diff --git a/index.html b/index.html
index 11c0c83..9b08490 100644
--- a/index.html
+++ b/index.html
@@ -5,53 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Firebase ECommerce Solution</title>
-    <style>
-        #snackbar {
-            visibility: hidden;
-            min-width: 250px;
-            background-color: rgb(231, 81, 81);
-            color: #fff;
-            text-align: center;
-            border-radius: 2px;
-            padding: 16px;
-            position: fixed;
-            z-index: 1;
-            top: 30px;
-            right:30px;
-        }
-        #snackbar.show {
-            visibility: visible;
-            -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
-            animation: fadein 0.5s, fadeout 0.5s 2.5s;
-        }
-        @-webkit-keyframes fadein {
-            from {opacity: 0;} 
-            to { opacity: 1;}
-        }
-
-        @keyframes fadein {
-            from { opacity: 0;}
-            to { opacity: 1;}
-        }
-
-        @-webkit-keyframes fadeout {
-            from {opacity: 1;} 
-            to {opacity: 0;}
-        }
-
-        @keyframes fadeout {
-            from {opacity: 1;}
-            to {opacity: 0;}
-        }
-        .middle {
-            margin: 0 auto;
-            width: 50%;
-            justify-content: center;
-            justify-items: center;
-            align-content: center;
-            align-items: center;
-        }
-    </style>
+    <link rel="stylesheet" href="shared/css/homepage.css">
 </head>
 <body>
     <div id="snackbar">Some text some message..</div>