Adding launchpad

main-site/themes/temper/static/css/style.css

@@ -83,6 +83,7 @@ html {
 .socials {
 	display:inline;
 	font-size: 1.5rem;
+	text-decoration: none;
 }
 
 .reveal-text {
@@ -193,10 +194,31 @@ ul.timeline > li:before {
     z-index: 400;
 }
 
-.bigger {
-  font-size: 1.5rem;
+.launchpad {
+	border: red;
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%,-50%);
+
+	/* Stack things vertically */
+	flex-direction: column;
+	align-items: flex-start;
+	justify-content: center;
+	display: inline-flex;
+	vertical-align: middle;
 }
 
+.launchpad > * {
+	margin: 15px 0;
+	width: 100%;
+}
+
+/* Overriding some bootstrap shittery here */
+.launchpad-button {
+	border-top-left-radius: 0.25rem;
+	border-top-right-radius: 0.25rem;
+}
 
 @media (max-width: 768px) {
 	body { min-width: 100%; }
@@ -218,7 +240,7 @@ ul.timeline > li:before {
 }
 
 
-@media only (max-width: 1024px) {
+@media only screen and (max-width: 1024px) {
 	p { font-size: xxx-large; }
 	li { font-size: xxx-large; }
 	h6 { font-size: xxx-large; }