Support moblie

yourWaifu · yourWaifu · commit 5aefe8b1b4f4 · 2019-03-25T01:49:18.000-04:00
diff --git a/index.html b/index.html
@@ -14,6 +14,7 @@
 	<link rel="manifest" href="/site.webmanifest">
 	<meta name="msapplication-TileColor" content="#da532c">
 	<meta name="theme-color" content="#ffffff">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 <body id="body" class="main-page">
 	<div class="feature-a">
diff --git a/style.css b/style.css
@@ -42,22 +42,23 @@ table td {
 }
 
 .feature-a {
-	position: relative;
+	position: unset;
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
 	margin: 0 auto;
 	top: 0;
+	flex-direction: column;
+	display: flex;
+	justify-content: center;
 }
 
 .feature-a-header {
 	border-bottom: .3vw solid;
 	text-align: center;
 	width: 76.47%;
 	position: relative;
-    top: 50%;
-    left: 50%;
-	margin: -13% 0 0 -38.235%;
+	margin: 0 auto;
 	color: white;
 }
 
@@ -94,11 +95,10 @@ table td {
 }
 
 .feature-a-text {
-	margin:0 auto;
+	margin: 0 auto;
 	position: relative;
 	text-align: center;
 	color: white;
-	top: 50%;
 	width: 90%;
 	font-family: 'Open Sans', sans-serif;
 }
@@ -213,4 +213,8 @@ a:hover {
 	.highlight pre {
 		overflow: auto;
 	}
+
+	table, .ld {
+		font-size: 1em;
+	}
 }
