mobile version

css/style.css

@@ -52,13 +52,13 @@ h1 {
 	text-transform: uppercase;
 	font-family: "SI17";
 	text-align: center;
-	z-index: 1000;
-	/* color: white; */
-	/* opacity: 0.75; */
-	color: transparent;
 	user-select: none;
-	-webkit-text-fill: transparent;
-	-webkit-text-stroke: 1.5px white;
+	z-index: 1000;
+	color: white;
+	opacity: 0.75;
+	/* color: transparent; */
+	/* -webkit-text-fill: transparent; */
+	/* -webkit-text-stroke: 1.5px white; */
 }
 
 h2,
@@ -220,3 +220,35 @@ svg {
 	object-fit: contain;
 	vertical-align: middle;
 }
+
+@media (max-width: 767.98px) {
+	:root {
+		--size: 24px;
+	}
+
+	body {
+		cursor: default;
+	}
+
+	.download {
+		font-size: 28px;
+	}
+
+	.index {
+		text-align: left;
+		justify-content: start;
+	}
+
+	.index li {
+		margin: 0 !important;
+	}
+
+	h1 {
+		color: var(--color);
+		opacity: 1;
+	}
+
+	.box {
+		display: none;
+	}
+}