changed fonts / style

demo/src/main/resources/static/css/create-account.css

@@ -7,11 +7,23 @@
   --dark: #850000;
 }
 
+.delius {
+  font-family: 'Delius Swash Caps', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.mali-regular {
+  font-family: 'Mali', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
 /* login.css */
 body, html {
   height: 100%;
   margin: 0;
-  font-family: 'Roboto', sans-serif;
+  font-family: 'Mali', cursive;
   background-color: var(--pale-yellow);
 }
 
@@ -44,7 +56,8 @@ body, html {
   font-size: 2.5em;
   font-weight: bold;
   letter-spacing: 4px;
-  font-family: 'EB Garamond', serif;}
+  font-family: 'Delius Swash Caps', cursive;
+  }
 
 
 /* Main Content */
@@ -94,7 +107,7 @@ body, html {
   padding: 10px;
   margin: auto;
   margin-top: 5px;
-  margin-left: 25px;
+  margin-left: 20px;
   border-radius: 10px;
   border: 2.5px solid var(--dusty-red);
   background-color: var(--pale-yellow);

demo/src/main/resources/static/css/create-recipe.css

@@ -7,10 +7,22 @@
   --dark: #850000;
 }
 
+.delius {
+  font-family: 'Delius Swash Caps', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.mali-regular {
+  font-family: 'Mali', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
 body, html {
   height: 100%;
   margin: 0;
-  font-family: 'Roboto', sans-serif;
+  font-family: 'Mali', cursive;
   background-color: var(--pale-yellow);
 }
 
@@ -43,7 +55,8 @@ body, html {
   font-size: 2.5em;
   font-weight: bold;
   letter-spacing: 4px;
-  font-family: 'EB Garamond', serif;}
+  font-family: 'Delius Swash Caps', cursive;
+}
 
 
 /* Main Content */
@@ -203,6 +216,7 @@ textarea {
   background: var(--dusty-red);
   border: 1px;
   border-radius: 8px;
+  font-family: 'Mali', cursive;
   font-size: 13px;
   color: var(--dark-yellow);
   cursor: pointer;
@@ -223,7 +237,8 @@ textarea {
 }
 
 .image-drop:hover {
-  border-color: var(--dark);
+  border-color: var(--dusty-red-hover);
+  filter: brightness(99%);
 }
 
 .image-drop .upload-icon {
@@ -271,22 +286,7 @@ textarea {
   cursor: pointer;
 }
 
-/* Two-column row */
-.row {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 1rem;
-}
-
 /* Tags */
-.tag-input-row {
-  display: flex;
-  gap: 6px;
-}
-
-.tag-input-row input {
-  flex: 1;
-}
 
 .tag-wrap {
   display: flex;
@@ -331,6 +331,7 @@ textarea {
   border-radius: 8px;
   padding: 0 20px;
   height: 36px;
+  font-family: 'Mali', cursive;
   font-size: 14px;
   font-weight: 500;
   cursor: pointer;

demo/src/main/resources/static/css/home.css

@@ -13,10 +13,22 @@
 /* =========================
    Global Styles
 ========================= */
+.delius {
+  font-family: 'Delius Swash Caps', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.mali-regular {
+  font-family: 'Mali', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
 body, html {
   height: 100vh;
   margin: 0;
-  font-family: 'Roboto', sans-serif;
+  font-family: 'Mali', cursive;
   background-color: var(--pale-yellow);
   overflow: clip;
 }
@@ -57,7 +69,7 @@ body, html {
 }
 
 .site-name {
-  font-family: 'EB Garamond', serif;
+  font-family: 'Delius Swash Caps', serif;
   font-size: 2.5em;
   font-weight: bold;
   letter-spacing: 4px;

demo/src/main/resources/static/css/login.css

@@ -13,11 +13,23 @@
 /* =========================
    Global Styles
 ========================= */
+.delius {
+  font-family: 'Delius Swash Caps', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.mali-regular {
+  font-family: 'Mali', cursive;
+  font-weight: 400;
+  font-style: normal;
+}
+
 body,
 html {
   height: 100%;
   margin: 0;
-  font-family: 'Roboto', sans-serif;
+  font-family: 'Mali', cursive;
   background-color: var(--pale-yellow);
 }
 
@@ -54,7 +66,7 @@ html {
 }
 
 .site-name {
-  font-family: 'EB Garamond', serif;
+  font-family: 'Delius Swash Caps', cursive;
   font-size: 2.5em;
   font-weight: bold;
   letter-spacing: 4px;
@@ -126,6 +138,7 @@ html {
   margin: 20px auto 0;
   padding: 10px;
 
+  font-family: 'Mali', cursive;
   font-weight: bold;
   color: var(--dark-yellow);
   background-color: var(--dusty-red);

demo/src/main/resources/templates/create-account.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <title>Create Thyme Crunch Account</title>
     <link rel="stylesheet" th:href="@{css/create-account.css}">
+    <link href="https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700" rel="stylesheet">
 </head>
 <body>
 

demo/src/main/resources/templates/create-recipe.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <title>Create Thyme Crunch Recipe</title>
     <link rel="stylesheet" th:href="@{css/create-recipe.css}">
+    <link href="https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700" rel="stylesheet">
 </head>
 <body>
 

demo/src/main/resources/templates/home.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <title>Thyme Crunch Home</title>
     <link rel="stylesheet" th:href="@{css/home.css}">
+    <link href="https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700" rel="stylesheet">
 </head>
 <body>
 

demo/src/main/resources/templates/login.html

@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>Thyme Crunch Login</title>
   <link rel="stylesheet" th:href="@{css/login.css}">
+  <link href="https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700" rel="stylesheet">
 </head>
 <body>