1 files changed, 81 insertions, 0 deletions
diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..a1c6783
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,81 @@
+body {
+    font-family: "Times New Roman", serif;
+}
+
+header {
+    display: flex;
+    justify-content: justify-between;
+    align-items: center;
+    align-content: center;
+    background-color: #CACF;
+    margin: 10px;
+}
+
+.header-left {
+    font-size: xxx-large;
+    padding: 10px;
+}
+
+.login-button {
+    background: none;
+    border: none;
+    color: blue;
+    text-decoration: underline;
+    cursor: pointer;
+    padding: 0;
+    font-family: inherit;
+    font-size: inherit;
+}
+
+.product-card {
+    border: solid black 2px;
+    display: flex;
+    padding: 10px;
+}
+
+.product-card.sale {
+    background-color: #2e8b57;
+}
+
+.product-card.out-of-stock {
+    background-color: aqua;
+}
+
+.product-card .image {
+    width: 30%;
+    border: 2px gray solid;
+}
+
+.product-card .details {
+  flex: 1;
+  border: solid black 1px;
+  margin: 0 10px;
+  padding: 5px;
+}
+
+.product-card .sale {
+  border: solid black 1px;
+
+  font-weight: bold;
+  font-size: x-large;
+  padding: auto;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 15%;
+}
+
+.product-card .delivery {
+  border: solid black 1px;
+  padding: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 15%;
+}
+
+.old-price {
+  text-decoration: line-through;
+  color: red;
+}