fixed buttons again

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

@@ -348,6 +348,10 @@ textarea {
   background: var(--dusty-red-hover);
 }
 
+.btn-create:hover {
+  transform: scale(1.03);
+}
+
 .btn-create {
   width: 50%;
   font-size: 20px;
@@ -355,6 +359,8 @@ textarea {
   border-radius: 10px;
   padding: 0 20px;
   height: 46px;
+  
+  transition: background-color 0.1s ease, transform 0.2s ease;
 }
   
 /* small screens */

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

@@ -129,6 +129,10 @@ html {
   box-sizing: border-box;
 }
 
+.alert {
+  color: var(--dusty-red);
+}
+
 /* =========================
    Button Styles
 ========================= */

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

@@ -19,9 +19,9 @@
     <main class="main-content">
       <div class="login-box">
         <h2>Log In</h2>
-        <div th:if="${param.error}">
+        <div th:if="${param.error}" class="alert">
           Invalid username and password.</div>
-        <div th:if="${param.logout}">
+        <div th:if="${param.logout}" class="alert">
           You have been logged out.</div>
         <form th:action="@{/login}" method="post">
           <label for="username">Username</label>