fix: mobile styling

src/site/assets/styles/style.scss

@@ -405,3 +405,10 @@ table.table {
 .dropdown-content a {
 	text-decoration: none;
 }
+
+.button {
+	color: $textColor;
+	&:hover {
+		color: white;
+	}
+}

src/site/components/footer/Footer.vue

@@ -83,9 +83,10 @@ export default {
 
 		.container {
 			.column {
-				margin-right: 2rem;
-				&.bottom-up {
-					@media screen and (min-width: 1025px) {
+				text-align: center;
+				@media screen and (min-width: 1025px) {
+					margin-right: 2rem;
+					&.bottom-up {
 						display: flex;
 						flex-direction: column;
 						justify-content: flex-end;

src/site/pages/index.vue

@@ -89,8 +89,12 @@ export default {
 		.leftSpacer {
 			width: 100%;
 			.mainBlock {
+				height: auto;
+				padding: 2rem 0;
 				> div {
-					top: 5rem;
+					top: 0rem;
+					position: relative;
+					text-align: center;
 				}
 			}
 		}