diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..5627d19
Binary files /dev/null and b/.DS_Store differ
diff --git a/background.png b/background.png
new file mode 100644
index 0000000..a9f5f97
Binary files /dev/null and b/background.png differ
diff --git a/chalkboard-loop.jpeg b/chalkboard-loop.jpeg
new file mode 100644
index 0000000..0bd425b
Binary files /dev/null and b/chalkboard-loop.jpeg differ
diff --git a/chalkboard-wallpaper.jpeg b/chalkboard-wallpaper.jpeg
new file mode 100644
index 0000000..b3abfe7
Binary files /dev/null and b/chalkboard-wallpaper.jpeg differ
diff --git a/chalkboard-wallpaper2.jpeg b/chalkboard-wallpaper2.jpeg
new file mode 100644
index 0000000..f8cb9bf
Binary files /dev/null and b/chalkboard-wallpaper2.jpeg differ
diff --git a/coloredcrayons-7wpr-webfont.woff b/coloredcrayons-7wpr-webfont.woff
new file mode 100644
index 0000000..07759be
Binary files /dev/null and b/coloredcrayons-7wpr-webfont.woff differ
diff --git a/coloredcrayons-7wpr-webfont.woff2 b/coloredcrayons-7wpr-webfont.woff2
new file mode 100644
index 0000000..2ca04de
Binary files /dev/null and b/coloredcrayons-7wpr-webfont.woff2 differ
diff --git a/generator_config.txt b/generator_config.txt
new file mode 100644
index 0000000..81e64f6
--- /dev/null
+++ b/generator_config.txt
@@ -0,0 +1,5 @@
+# Font Squirrel Font-face Generator Configuration File
+# Upload this file to the generator to recreate the settings
+# you used to create these fonts.
+
+{"mode":"optimal","formats":["woff","woff2"],"tt_instructor":"default","fix_gasp":"xy","fix_vertical_metrics":"Y","metrics_ascent":"","metrics_descent":"","metrics_linegap":"","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}
\ No newline at end of file
diff --git a/squeakychalksound-webfont.woff b/squeakychalksound-webfont.woff
new file mode 100644
index 0000000..a33a19c
Binary files /dev/null and b/squeakychalksound-webfont.woff differ
diff --git a/squeakychalksound-webfont.woff2 b/squeakychalksound-webfont.woff2
new file mode 100644
index 0000000..80bcc6c
Binary files /dev/null and b/squeakychalksound-webfont.woff2 differ
diff --git a/style.css b/style.css
index 2881bfc..db37a83 100644
--- a/style.css
+++ b/style.css
@@ -3,7 +3,8 @@
 /*for Headings*/
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&family=Nanum+Myeongjo&display=swap');
 /*for all text other than Headings*/
-
+@import url('stylesheet.css') ;
+@import url('stylesheetc.css') ;
 /* setting variables for colors */
 :root {
     --red-category: #D92534;
@@ -12,8 +13,10 @@
     /*veg*/
     --new-item: #5ABF56;
     --myBGColor: #f7f2e8;
-    /* --myPrimaryColor: rgba(0,0,0,0.8); */
-    --myPrimaryColor: rgb(68,62,63);
+    --myPrimaryColor: #ffffff;
+
+    /* --myPrimaryColor: rgba(0,0,0,0.8); 
+    --myPrimaryColor: rgb(68,62,63); */
     /* --myPrimaryColor: #401801; */
 }
 
@@ -22,7 +25,7 @@ html{
 }
 
 body {
-    font-family: 'Roboto';
+    font-family: 'squeaky_chalk_soundregular';
     font-size: 1rem;
     font-style: normal;
     background-color: var(--myBGColor);
@@ -114,7 +117,8 @@ body {
     position: sticky;
     top: 0px;
     z-index: 1;
-    background-color: var(--green-category);
+    background-color: rgba(0,0,0,1);
+    border-bottom: var(--myPrimaryColor) .1rem dotted;
     /* padding: 10px; */
     overflow-x: auto;
     white-space: nowrap;
@@ -125,17 +129,17 @@ label[for="Salads"]{
 }
 
 .card-header {
-    font-size: 1.2rem;
-    font-weight: 600;
+    font-size: 1.5rem;
+    font-family:'bad_to_the_boneregular';
     padding: 0.5rem 2rem 0.5rem 0.5rem;
-    /*background-color: rgba(68,62,63, 0.05);*/
-    background: linear-gradient(360deg, rgba(236,235,244,0) 0%, rgba(14,14,14,0.08) 100%);
+    /*background-color: rgba(68,62,63, 0.05);
+    background: linear-gradient(360deg, rgba(236,235,244,0) 0%, rgba(14,14,14,0.08) 100%); */
 
     border: 0px;
 }
 
 .card {
-    background-color: rgba(33,37,41,0.03) !important;
+    background-color: rgba(33,37,41,0.0) !important;
     letter-spacing: .5px;
     color: var(--myPrimaryColor) !important;
     border: 0px;
diff --git a/stylesheet.css b/stylesheet.css
new file mode 100644
index 0000000..6ea8b1c
--- /dev/null
+++ b/stylesheet.css
@@ -0,0 +1,12 @@
+/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 1, 2023 */
+
+
+
+@font-face {
+    font-family: 'bad_to_the_boneregular';
+    src: url('coloredcrayons-7wpr-webfont.woff2') format('woff2'),
+         url('coloredcrayons-7wpr-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
\ No newline at end of file
diff --git a/stylesheetc.css b/stylesheetc.css
new file mode 100644
index 0000000..8a0f9c4
--- /dev/null
+++ b/stylesheetc.css
@@ -0,0 +1,12 @@
+/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 1, 2023 */
+
+
+
+@font-face {
+    font-family: 'squeaky_chalk_soundregular';
+    src: url('squeakychalksound-webfont.woff2') format('woff2'),
+         url('squeakychalksound-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
\ No newline at end of file