diff --git a/homepage/index.template.html b/homepage/index.template.html
index 8ffd40180957d8b1683e08151fc270b3968d68ed..1e65ccb21fdd52224e47327985afe4c9bd0f940a 100644
--- a/homepage/index.template.html
+++ b/homepage/index.template.html
@@ -3,6 +3,7 @@
 {{ template "navbar" . }}
 
 {{ if .User }}
+<p id="totalamount-subtext" class="centered-text">Az egyenleged</p>
 <div id="totalamount" role="alert">
   {{ .User.Money }} JMF
 </div>
diff --git a/homepage/product.template.html b/homepage/product.template.html
index d98d8415424e0da0e00d7368e9e90ff704c9388d..1cd3c25f7735fd85105e3451ccde87fe5708aaab 100644
--- a/homepage/product.template.html
+++ b/homepage/product.template.html
@@ -1,6 +1,6 @@
 {{ define "product" }}
 <a class="col-xl-4 col-md-6 col-sm-12" href="/new/{{ .ID }}">
-    <div class="card bg-secondary text-white">
+    <div class="card">
         <div class="myrow" style="padding: 1em">
             <div class="myrow">
                 <img class="icon" src="{{ .IconURI }}">
diff --git a/static/style.css b/static/style.css
index ca4de51bb4a8faf6952498dc6558e38733e24154..df47334006e1590412baf199ddee4758147e8ee3 100644
--- a/static/style.css
+++ b/static/style.css
@@ -2,13 +2,26 @@ body {
     font-family: "Fira Sans", serif;
 }
 
+a:hover {
+    text-decoration: none;
+}
+
 #totalamount {
     display: block;
-    margin: 1rem auto;
+    margin: 0.3rem auto 1rem auto;
     font-size: 10vw;
     font-weight: 600;
     text-align: center;
     font-family: Bitter, serif;
+    border-bottom: #40aef7 0.5rem solid;
+    padding-bottom: 1rem;
+    line-height: 1.1;
+}
+
+#totalamount-subtext {
+    font-size: 1.5rem;
+    margin-top: 4rem;
+    margin-bottom: 0;
 }
 
 #history {
@@ -24,7 +37,13 @@ body {
     margin: auto;
     margin-bottom: 1em;
     font-weight: 300;
-    background-color: #30303030 !important;
+    background-color: #7b7f8217;
+    box-shadow: #11111150 0px 0.1rem 5px;
+    transition: 200ms;
+}
+
+.card:hover {
+    background-color: #7b7f8254;
 }
 
 .myrow {
@@ -50,6 +69,10 @@ body {
     align-items: flex-end
 }
 
+.centered-text {
+    text-align: center;
+}
+
 .bold {
     font-weight: 600;
 }
@@ -68,23 +91,31 @@ body {
 }
 
 .dark {
-    background-color: #404040;
-    color: white;
+    background-color: #2b2b2b;
+    color: #e6edf3;
 }
 
 .dark #admin-table {
     color: white !important;
 }
 
+.dark > div > a > .card {
+    color: #e6edf3;
+}
+
 .light {
-    background-color: #e9e9ec;
-    color: #3051bf;
+    background-color: #e6edf3;
+    color: #46474a;
 }
 
 .light #admin-table {
     color: #3051bf !important;
 }
 
+.light > div > a > .card {
+    color: #46474a;
+}
+
 .donate {
     height: 4em;
 }