update main.css (alert message styling).

static/css/main.css

@@ -45,6 +45,59 @@ input[type=text] {
   text-align: center;
 }
 
+.be-alert-container {
+    display: flex;
+    align-items: center;
+    position: fixed;
+    top: 60px;
+    left: 8px;
+    right: 8px;
+}
+
+.be-alert-container button {
+    position: fixed;
+    right: 15px;
+}
+
+.be-alert-container p {
+    padding: 0px;
+    margin: 0px;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+}
+
+.be-alert-container .success {
+    background: #adefad;
+}
+
+.be-alert-container .error {
+    background: #ff607c;
+}
+
+.be-alert-container .missing-data{
+    background: #ffaf8e;
+}
+
+.be-alert-container .invalid-data {
+    background: #efe1ad;
+}
+
+.be-alert-container .created {
+    background: #b0f3ff;
+}
+
+.be-alert-container .warning {
+    background: #ffe0c0;
+}
+
+.be-alert-container p img {
+    max-height: 75px;
+    padding: 12px 8px;
+}
+
 .be-section-thumbnail-row {
     display: flex;
     flex-direction: row;