Merge branch 'main' of https://github.com/healsalads/healsalads.githu…

…b.io into main

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"}

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;

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;
+
+}

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;
+
+}