migrated to nextjs

styles/AnimatedBackground.styl

@@ -0,0 +1,4 @@
+.animated-background
+	height 100%
+	width 100%
+	animation all 1s linear

styles/Breakpoints.styl

@@ -0,0 +1,20 @@
+is-phone()
+	@media (max-width: 599px)
+		{block}
+
+is-tablet()
+	@media (min-width: 600px) {
+		block
+	}
+
+is-netbook()
+	@media (min-width: 900px)
+		{block}
+
+is-laptop()
+	@media (min-width: 1200px)
+		{block}
+
+is-desktop()
+	@media (min-width: 1800px)
+		{block}

styles/Home.styl

@@ -0,0 +1,63 @@
+@require 'Breakpoints.styl'
+
+#home
+  height 100vh
+  width 100vw
+  display flex
+  align-items center
+  justify-content center
+  perspective 1em
+  cursor none
+
+  #bg
+    position absolute
+    left 0
+    top 0
+    width 100vw
+    height 100vh
+    z-index -1
+
+  #letters-wrapper
+    display inline-block
+    text-align center
+    font-size 16vw
+    font-weight bold
+    +is-netbook()
+      font-size 16vmin
+    
+  footer
+    bottom 0
+    flex-direction column
+    font-size 1.2em
+
+  header
+    top 0
+    flex-direction row
+    font-size 2em
+
+    span
+      margin 0 .5em
+
+  .fixed
+    font-family 'Inconsolata', monospace
+    display flex
+    align-items center
+    justify-content center
+    position absolute
+    left 0
+    text-align center
+    width 100vw
+    padding 1rem
+    z-index 1
+
+    span
+      background-color hsla(0, 0%, 100%, 0.15)
+
+    a
+      cursor none
+      color inherit
+      transition all 100ms
+      display inline-block
+
+      &:hover
+        transform scale(1.2)

styles/Letters.styl

@@ -0,0 +1,9 @@
+.letters
+	display inline-block
+	position relative
+	letter-spacing .05em
+
+.letter
+	display inline-block
+	transform-origin 0 0
+	line-height 1em

styles/Static.styl

@@ -0,0 +1,12 @@
+.static
+  padding: 1em
+  overflow: auto
+  width: 100vw
+  height: 100vh
+  font-family: monospace
+  font-size: 1rem
+
+  .content
+    margin: auto
+    width: 100%
+    max-width: 32em

styles/fonts.css

@@ -0,0 +1,24 @@
+@font-face {
+    font-family: 'Inconsolata';
+    src: url('/static/Inconsolata-Regular.woff2') format('woff2');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Merriweather';
+    src: url('/static/Merriweather-Regular.woff2') format('woff2');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Inconsolata';
+    src: url('/static/Inconsolata-Bold.woff2') format('woff2');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+

styles/global.styl

@@ -0,0 +1,12 @@
+*
+	box-sizing border-box
+	-webkit-overflow-scrolling touch
+
+html,
+body,
+#root
+	margin 0
+	border 0
+	font-family 'Merriweather', serif
+	font-size 1em
+	overflow hidden