diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index d30e6b2..88d3374 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -178,36 +178,36 @@
 		top: 70vh;
 	}
 	#predseda {
-		top: 10vh;
-		width: 100%;
+		top: 20vh;
+		width: calc(100% - 16em);
 		left: 0;
 		padding: 0;
 		padding-left: 20px;
 	}
 	#prebiram {
-		top: 20vh;
-		width: 100%;
+		top: 30vh;
+		width: calc(100% - 16em);
 		left: 0;
 		padding: 0;
 		padding-left: 20px;
 	}
 	#zapojit {
-		top: 30vh;
-		width: 100%;
+		top: 40vh;
+		width: calc(100% - 16em);
 		left: 0;
 		padding: 0;
 		padding-left: 20px;
 	}
 	#zalozit {
-		top: 60vh;
-		width: 100%;
+		top: 50vh;
+		width: calc(100% - 16em);
 		left: 0;
 		padding: 0;
 		padding-left: 20px;
 	}
 	#oborovky {
-		top: 70vh;
-		width: 100%;
+		top: 60vh;
+		width: calc(100% - 16em);
 		left: 0;
 		padding: 0;
 		padding-left: 20px;
@@ -221,6 +221,25 @@
 	.labels:hover > *:not(:hover) {
 		font-size: calc(var(--font-size) / 1.7);
 	}
+	#cinnosti,
+	#predseda,
+	#prebiram,
+	#zapojit,
+	#zalozit,
+	#oborovky {
+		border-radius: 4vw;
+		background-color: var(--color-primary);
+		color: #fff !important;
+        padding: 3rem 9rem;
+        margin-left: 8em;
+        margin-right: 8em;
+        text-align: center;
+        cursor: pointer;
+	}
+	.label.label2 span a {
+        font-size: calc(var(--font-size));
+		color: #fff;
+	}
 }
 </style>
 
diff --git a/static/css/chota.css b/static/css/chota.css
index 58a7abb..f280122 100644
--- a/static/css/chota.css
+++ b/static/css/chota.css
@@ -279,7 +279,7 @@ iframe {
         padding: 10px;
     }
     :root {
-        --font-size: 2em !important;
+        --font-size: 1.5em !important;
     }
 }
 @media screen and (min-width: 900px) {