Add homepage

src/site/sass/main.sass

@@ -1,5 +1,7 @@
 $layout-a-max: 820px
 $layout-b-min: 821px
+$layout-home-a-max: 520px
+$layout-home-b-min: 521px
 
 body
 	margin: 0
@@ -27,7 +29,10 @@ body
 	line-height: 1
 	text-decoration: none
 
-	&:hover
+	&.disabled
+		cursor: default
+
+	&:hover:not(.disabled), &:active, &.clicked
 		color: hsl(106.4, 100%, 12.9%)
 		background: hsl(102.1, 77.2%, 67.3%)
 		border-color: hsl(104, 51.4%, 43.5%)
@@ -280,3 +285,104 @@ body
 	.back
 		color: #4a93d2
 		font-size: 25px
+
+.homepage
+	$link-color: #ffb8b8
+
+	display: flex
+	flex-direction: column
+	min-height: 100vh
+	background-color: #bd4444
+	color: #fff
+
+	h1
+		font-size: 48px
+		margin: 0px
+
+	h2
+		font-size: 32px
+		margin: 0px
+
+	a, a:visited
+		color: $link-color
+
+	.banner
+		padding: 0px 5px
+		height: 60vh
+		display: flex
+		justify-content: center
+		align-items: center
+
+		.banner-image
+			max-width: 100%
+
+		@media screen and (max-width: $layout-home-a-max)
+			height: 30vh
+
+	.go-sections-container
+		padding: 0px 10px 50px
+
+		.go-sections
+			max-width: 900px
+			margin: 0px auto
+			display: grid
+			grid-gap: 10px
+			grid-template-columns: repeat(2, 1fr)
+			justify-items: center
+
+			@media screen and (max-width: $layout-home-a-max)
+				grid-template-columns: 1fr
+
+			.title
+				text-align: center
+				margin-bottom: 20px
+
+			.pair-entry
+				display: flex
+
+				.text, .button
+					appearance: none
+					-moz-appearance: none
+					display: flex
+					padding: 9px 8px 7px
+					line-height: 1
+					box-sizing: content-box
+					font-size: 20px
+					height: 20px
+					border: 1px solid #333
+
+				.text
+					border-radius: 6px 0px 0px 6px
+					border-right: none
+					max-width: 230px
+					width: 30vw
+
+					@media screen and (max-width: 520px)
+						width: 80vw
+
+				.button
+					border-radius: 0px 6px 6px 0px
+					padding-left: 12px
+					padding-right: 12px
+					cursor: pointer
+					background-color: #ffbebe
+					color: #111
+
+					&:hover
+						background-color: #ff7c7c
+
+	.about-container
+		background-color: #6a2222
+		color: #eee
+		padding: 50px 20px
+		flex: 1
+		min-height: 60vh
+
+		.about
+			max-width: 700px
+			margin: 0px auto
+			line-height: 1.4
+			font-size: 20px
+
+			.link-list
+				color: $link-color