diff --git a/app/static/css/partials/_film.scss b/app/static/css/partials/_film.scss
index c018306..251b95f 100755
--- a/app/static/css/partials/_film.scss
+++ b/app/static/css/partials/_film.scss
@@ -121,9 +121,11 @@ main > .film {
           img {
             width: 25%;
             margin: auto;
-            padding-bottom: 64px;
+            padding-bottom: 32px;
+            opacity: 0.5;
             &:hover {
               filter: invert(1);
+              opacity: 1;
             }
           }
         }
diff --git a/app/static/css/partials/_index.scss b/app/static/css/partials/_index.scss
index a26a9c5..63b35f3 100755
--- a/app/static/css/partials/_index.scss
+++ b/app/static/css/partials/_index.scss
@@ -1,73 +1,94 @@
-.body--home {
-  display: flex;
-  flex-direction: column;
-  background-color: #000;
-  min-height: 100vh;
-
-  .topnav {
-    display: none;
-  }
-
-  main {
-    margin: auto;
-  }
-}
-
-.index {
-  padding: var(--spacing-2);
-
-  a {
-    color: var(--color-link);
-    text-decoration: none;
-    font-weight: 700;
-
-    &:hover, &:focus {
-      opacity: 0.7;
-    }
-  }
-
-  p {
-    margin-bottom: var(--spacing-2);
-  }
-
-
-  .margin-reset {
-      margin: 0;
-  }
-
-  h1 { 
-    font-family: "wrong font";
-    margin: auto;
-    font-weight: normal;
-    font-size: 34px;
-    font-weight: bold;
-
-    @media screen and (min-width: 800px) {
-      font-size: 44px;
-    }
-  }
-
-  .h1-en-home {
-    line-height: 1.2;
-  }
-
-  .h1-zh-home {
-    font-size: 24px;
-
-    @media screen and (min-width: 800px) {
-      font-size: 34px;
-    }
-  }
-
-  h2, .h2 {
-    font-size: 22px;
-  }
-
-  h2 {
-    margin-top: var(--spacing-2);
-  }
-
-  h3, .h3 {
-    font-size: 21px;
-  }
-}
+.body--home {
+  display: flex;
+  flex-direction: column;
+  background-color: #000;
+  min-height: 100vh;
+
+  .topnav {
+    display: none;
+  }
+
+  main {
+    margin: auto;
+  }
+}
+
+.index {
+  padding: var(--spacing-2);
+
+  a {
+    color: var(--color-link);
+    text-decoration: none;
+    font-weight: 700;
+
+    &:hover, &:focus {
+      opacity: 0.7;
+    }
+  }
+
+  p {
+    margin-bottom: var(--spacing-2);
+  }
+
+
+  .margin-reset {
+      margin: 0;
+  }
+
+  h1 { 
+    font-family: "wrong font";
+    margin: auto;
+    font-weight: normal;
+    font-size: 34px;
+    font-weight: bold;
+
+    @media screen and (min-width: 800px) {
+      font-size: 44px;
+    }
+  }
+
+  .h1-en-home {
+    line-height: 1.2;
+  }
+
+  .h1-zh-home {
+    font-size: 24px;
+
+    @media screen and (min-width: 800px) {
+      font-size: 34px;
+    }
+  }
+
+  h2, .h2 {
+    font-size: 22px;
+  }
+
+  h2 {
+    margin-top: var(--spacing-2);
+  }
+
+  h3, .h3 {
+    font-size: 21px;
+  }
+  .home {
+    z-index: 1000;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    flex-direction: column;
+    .box {
+      margin: auto;
+      background: rgba(0,0,0,0.5);
+      padding: 16px;
+      border-radius: 2px;
+      .font-size-sm {
+        display: flex;
+        gap: 16px;
+        justify-content: center;
+      }
+    }
+  }
+}
diff --git a/app/static/css/partials/_layout.scss b/app/static/css/partials/_layout.scss
index 8e23803..43a4a30 100755
--- a/app/static/css/partials/_layout.scss
+++ b/app/static/css/partials/_layout.scss
@@ -95,31 +95,3 @@ nav {
     opacity: 1;
   }
 }
-
-
-
-
-
-.index {
-  .home {
-    z-index: 1000;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    display: flex;
-    flex-direction: column;
-    .box {
-      margin: auto;
-      background: rgba(0,0,0,0.5);
-      padding: 16px;
-      border-radius: 2px;
-      .font-size-sm {
-        display: flex;
-        gap: 16px;
-        justify-content: center;
-      }
-    }
-  }
-}
diff --git a/app/static/css/partials/_menu.scss b/app/static/css/partials/_menu.scss
index f463532..d941f4f 100755
--- a/app/static/css/partials/_menu.scss
+++ b/app/static/css/partials/_menu.scss
@@ -30,10 +30,17 @@
   }
 
   a {
-    color: white;
+    color: var(--color-link);
     text-decoration: none;
     font-size: 17px;
     margin-left: var(--spacing);
+    font-weight: bold;
+    &.title {
+      font-size: 34px;
+      font-weight: bold;
+      font-family: "wrong font";
+      color: #ddd;
+    }
 
     @media screen and (max-width: 799px) {
       &.title {
diff --git a/app/templates/base.html b/app/templates/base.html
index a209627..aa276c9 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -13,7 +13,7 @@
 	</head>
 	<body class="{% block body_class%}{% endblock %}">
 		<div class="topnav">
-		  <a href="/" class="title animated-title">
+		  <a href="/" class="title font-family-wrong">
 				<div class="title-text text">
 				njp.ma
 				</div>