smolvučina

src/routes/index.svelte

@@ -27,7 +27,6 @@
 		transition: .2s ease;
 	}
 	.label2:hover {
-		border: solid 0.1em #d73648;
 	}
 	.labels {
 		position: absolute;
@@ -37,6 +36,7 @@
 		bottom: auto;
 		width: 1200px;
 		height: 800px;
+		transform: scale(0.7);
 	}
 	/*.labels:hover > *:not(:hover) {
 		font-size: 0.45em;
@@ -44,8 +44,13 @@
 	.label a {
 		color: #000;
 	}
+	.label2 span {
+		transition: .1s;
+	}
+	.label2 span:hover {
+		border-bottom: solid 0.1em #d73648;
+	}
 	.label2 a:hover {
-		color: #d73648;
 		opacity: 1 !important;
 	}
 	.label span:hover ~ .cross {
@@ -264,6 +269,7 @@
 		height: 100vh;
 		top: 0;
 		left: 0;
+		trasnform: scale(1);
 	}
 }
 </style>

static/main.css

@@ -314,6 +314,9 @@ canvas {
 .spaced-ul li {
   margin-bottom: 1em;
 }
+.top-margin {
+  margin-top: 23vh;
+}
 @media screen and (max-width: 800px) {
   .panel .horizontal-menu {
     display: none;
@@ -391,4 +394,7 @@ canvas {
     margin-top: 0;
     margin-bottom: 0;
   }
+  .top-margin {
+    margin-top: 0;
+  }
 }

static/main.styl

@@ -297,7 +297,7 @@ body > canvas
 }
 
 .top-margin
-    margin-top 23vh
+	margin-top 23vh
 
 @media screen and (max-width: 800px)
 	.panel .horizontal-menu