static files

myproject/static/styles.css

+body {
+    font-family: 'Arial', sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f4f4f4;
+}
+
+header {
+    display: flex;
+    justify-content: space-between;
+    padding: 20px;
+    background-color: #f8f8f8;
+    border-bottom: 2px solid #ccc;
+}
+
+.logo img {
+    height: 50px;
+}
+
+.search-bar input {
+    width: 300px;
+    padding: 10px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
+
+.login-signup button {
+    padding: 10px 20px;
+    margin-left: 10px;
+    border: none;
+    background-color: #5bc0de;
+    color: white;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+.banner {
+    text-align: center;
+    padding: 40px;
+    background-color: #333;
+    color: white;
+    background-image: url('/static/banner-background.png');
+    background-size: cover;
+}
+
+.banner h1 {
+    font-size: 48px;
+    font-family: 'Courier New', Courier, monospace;
+}
+
+.banner button {
+    padding: 15px 25px;
+    background-color: #2ca02c;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 16px;
+}
+
+.deals, .seasonal {
+    padding: 20px;
+    text-align: center;
+    background-color: #fff;
+}
+
+.products {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+}
+
+.product {
+    text-align: center;
+    width: 150px;
+    background-color: #f9f9f9;
+    border: 1px solid #ddd;
+    padding: 10px;
+    border-radius: 8px;
+}
+
+.product img {
+    width: 100px;
+    height: 100px;
+    background-color: #f0f0f0;
+    margin-bottom: 10px;
+}
+
+.product p {
+    margin: 5px 0;
+    font-size: 16px;
+}
+
+h2 {
+    font-family: 'Courier New', Courier, monospace;
+    color: #333;
+}
+