diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
new file mode 100644
index 0000000..ba1cb60
--- /dev/null
+++ b/assets/css/tailwind.css
@@ -0,0 +1,88 @@
+@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap');
+
+@import 'tailwindcss/base';
+
+@import 'tailwindcss/components';
+
+@import 'tailwindcss/utilities';
+
+html {
+    @apply font-sans;
+}
+.main {
+    background-image: url('~assets/images/bg-sm.png');
+    background-size: cover;
+    background-position: center;
+    @apply min-h-screen;
+}
+@screen sm {
+    .main {
+        background-image: url('~assets/images/bg-md.png');
+    }
+}
+@screen md {
+    .main {
+        background-image: url('~assets/images/bg-lg.png');
+    }
+}
+@screen lg {
+    .main {
+        background-image: url('~assets/images/bg-xl.png');
+    }
+}
+@screen xl {
+    .main {
+        background-image: url('~assets/images/bg-xxl.png');
+    }
+}
+.card {
+    @apply text-white py-2 px-2;
+    background-color: rgba(0,0,0,0.3);
+}
+
+.content {
+    @apply relative overflow-y-auto;
+    height: calc(100vh - 7rem);
+}
+
+.page {
+    @apply text-white py-2 px-2 w-full right-0;
+    background-color: rgba(0,0,0,0.3);
+    min-height: calc(100vh - 7rem);
+}
+@screen sm {
+    .page {
+        @apply w-3/4;
+    }
+}
+@screen md {
+    .page {
+        @apply w-3/5;
+    }
+}
+@screen lg {
+    .page {
+        @apply w-1/2;
+    }
+}
+@screen xl {
+    .page {
+        @apply w-2/5;
+    }
+}
+
+.page h1 {
+    @apply text-4xl;
+}
+.page h2 {
+    @apply text-3xl;
+}
+
+.page ul {
+    @apply list-disc;
+}
+
+.page a {
+    @apply text-yuika-blue-200;
+}
+
diff --git a/assets/images/bg-lg.png b/assets/images/bg-lg.png
new file mode 100644
index 0000000..8d95030
Binary files /dev/null and b/assets/images/bg-lg.png differ
diff --git a/assets/images/bg-md.png b/assets/images/bg-md.png
new file mode 100644
index 0000000..875b825
Binary files /dev/null and b/assets/images/bg-md.png differ
diff --git a/assets/images/bg-sm.png b/assets/images/bg-sm.png
new file mode 100644
index 0000000..a3d9fc4
Binary files /dev/null and b/assets/images/bg-sm.png differ
diff --git a/assets/images/bg-xl.png b/assets/images/bg-xl.png
new file mode 100644
index 0000000..a6b8414
Binary files /dev/null and b/assets/images/bg-xl.png differ
diff --git a/assets/images/bg-xxl.png b/assets/images/bg-xxl.png
new file mode 100644
index 0000000..84ca310
Binary files /dev/null and b/assets/images/bg-xxl.png differ
diff --git a/assets/images/bg.png b/assets/images/bg.png
new file mode 100644
index 0000000..45d2601
Binary files /dev/null and b/assets/images/bg.png differ
diff --git a/assets/themes/junna.css b/assets/themes/junna.css
deleted file mode 100644
index 9638234..0000000
--- a/assets/themes/junna.css
+++ /dev/null
@@ -1,271 +0,0 @@
-body {
-    background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/junna-360.jpg") no-repeat calc(0% + 300px) 0%;
-    background-size: cover;
-    background-attachment: fixed;
-    scroll-behavior: smooth;
-}
-@media only screen and (max-height: 479px) {
-    body {
-        background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/junna-360.jpg") no-repeat calc(0% + 150px) 0%;
-        background-size: cover;
-        background-attachment: fixed;
-    }
-}
-@media only screen and (max-height: 899px) {
-    body {
-        background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/junna-720.jpg") no-repeat calc(0% + 300px) 0%;
-        background-size: cover;
-        background-attachment: fixed;
-    }
-}
-@media only screen and (min-height: 900px) {
-    body {
-        background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/junna-1080.jpg") no-repeat calc(0% + 450px) 0%;
-        background-size: cover;
-        background-attachment: fixed;
-    }
-}
-.content-container {
-    margin-top: 5vh;
-    margin-left: 2.5%;
-    margin-right: 60%;
-    word-wrap: break-word;
-    font-family: 'Exo 2', sans-serif;
-}
-.header {
-    display: none;
-}
-.gradient {
-    display: none;
-}
-.lily {
-    font-size: 1.6vw;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    font-weight: 300;
-}
-.yuriko {
-    margin-top: 0px;
-    font-size: 5vw;
-    margin-bottom: 5px;
-}
-
-.yuriko-sub {
-    margin-top: 0px;
-    font-weight: 300;
-    margin-bottom: 0px;
-    font-size: 2.6vw;
-}
-p {
-    color: #ffffff;
-    font-size: 1.3vw;
-}
-h1 {
-    color: #95caed;
-    font-size: 3.2vw;
-    font-weight: 500;
-}
-h2 {
-    color: #ffffff;
-    font-size: 2vw;
-    font-weight: 300;
-}
-
-@media only screen and (max-aspect-ratio: 8/5) {
-    body {
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        background: #060600;
-    }
-    .content-container {
-        margin-left: 3%;
-        margin-right: 3%;
-    }
-    .header {
-        margin-left: 0px;
-        margin-right: 0px;
-        display: block;
-        height: 50vh;
-        background: url("/junna.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-        background-position: left 40% top;
-    }
-    .gradient {
-        display: block;
-        position: absolute;
-        top: 25vh;
-        left: 0%;
-        width: 100%;
-        height: 25vh;
-        background: linear-gradient(to top,#060600 25%,transparent 100%);
-    }
-    .lily {
-        font-size: 7.5vw;
-        margin-top: 0px;
-        margin-bottom: 0px;
-        font-weight: 300;
-    }
-    .yuriko {
-        margin-top: 0px;
-        font-size: 15vw;
-        margin-bottom: 5px;
-    }
-
-    .yuriko-sub {
-        margin-top: 0px;
-        font-weight: 300;
-        margin-bottom: 0px;
-        font-size: 8vw;
-    }
-    p {
-        color: #ffffff;
-        font-size: 5vw;
-    }
-    h1 {
-        color: #95caed;
-        font-size: 10vw;
-        font-weight: 500;
-    }
-    h2 {
-        color: #ffffff;
-        font-size: 4.6vw;
-        font-weight: 300;
-    }
-    .smol-yurik {
-        display: none;
-    }
-}
-@media only screen and (min-aspect-ratio: 5/5) and (max-aspect-ratio: 8/5) {
-    .lily {
-        font-size: 5vw;
-        margin-top: 0px;
-        margin-bottom: 0px;
-        font-weight: 300;
-    }
-    .yuriko {
-        margin-top: 0px;
-        font-size: 10vw;
-        margin-bottom: 5px;
-    }
-
-    .yuriko-sub {
-        margin-top: 0px;
-        font-weight: 300;
-        margin-bottom: 0px;
-        font-size: 5.6vw;
-    }
-    p {
-        color: #ffffff;
-        font-size: 3.3vw;
-    }
-    h1 {
-
-        color: #95caed;
-        font-size: 6.7vw;
-        font-weight: 500;
-    }
-    h2 {
-        color: #ffffff;
-        font-size: 3.5vw;
-        font-weight: 300;
-    }
-}
-@media only screen and (max-aspect-ratio: 8/5) and (max-width: 479px) {
-    .header {
-        margin-left: 0px;
-        margin-right: 0px;
-        display: block;
-        height: 50vh;
-        background: url("/junna-360.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-        background-position: left 40% top;
-    }
-    
-}
-@media only screen and (max-aspect-ratio: 8/5) and (max-width: 899px) {
-    .header {
-        margin-left: 0px;
-        margin-right: 0px;
-        display: block;
-        height: 50vh;
-        background: url("/junna-720.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-        background-position: left 40% top;
-    }
-    
-}
-@media only screen and (max-aspect-ratio: 8/5) and (min-width: 899px) {
-    .header {
-        margin-left: 0px;
-        margin-right: 0px;
-        display: block;
-        height: 50vh;
-        background: url("/junna-720.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-        background-position: left 40% top;
-    }
-    
-}
-
-.primary {
-    color: #95caed;
-}
-
-.japanese{
-    font-family: 'M PLUS 1p', sans-serif;
-}
-
-a {
-    text-decoration: none;
-    color: #95caed;
-
-}
-a:hover{
-    text-decoration: underline;
-}
-.name {
-    margin-top: 0px;
-    margin-bottom: 5px;
-}
-
-.title {
-    margin-bottom: 10px;
-}
-ul > li {
-    font-size: 1.6vw;
-}
-ul > li > p {
-    margin-top: 0px;
-    margin-bottom: 5px;
-}
-
-.col {
-    display: flex;
-    flex-flow: column;
-}
-.row {
-    flex: 0 1 auto;
-}
-.expand {
-    flex: 1 1 auto;
-}
-.fill {
-    height: 87vh;
-}
-.nanao-enter-active,
-.nanao-leave-active {
-  transition-property: opacity;
-  transition-timing-function: ease-in-out;
-  transition-duration: 100ms;
-}
-.nanao-enter,
-.nanao-leave-to {
-  opacity: 0;
-}
-
-
diff --git a/assets/themes/yuika.css b/assets/themes/yuika.css
deleted file mode 100644
index 9a4e692..0000000
--- a/assets/themes/yuika.css
+++ /dev/null
@@ -1,271 +0,0 @@
-body {
-    background: linear-gradient(to right, #ffffff 45% ,transparent 65%), url("/yuika-360.jpg") no-repeat calc(0% + 150px) 0%;
-    background-size: cover;
-    background-attachment: fixed;
-    scroll-behavior: smooth;
-}
-@media only screen and (max-height: 479px) {
-    body {
-        background: linear-gradient(to right, #ffffff 45% ,transparent 65%), url("/yuika-360.jpg") no-repeat calc(0% + 150px) 0%;
-        background-size: cover;
-        background-attachment: fixed;
-    }
-}
-@media only screen and (max-height: 899px) {
-    body {
-        background: linear-gradient(to right, #ffffff 45% ,transparent 65%), url("/yuika-720.jpg") no-repeat calc(0% + 300px) 0%;
-        background-size: cover;
-        background-attachment: fixed;
-    }
-}
-@media only screen and (min-height: 900px) {
-    body {
-        background: linear-gradient(to right, #ffffff 45% ,transparent 65%), url("/yuika-1080.jpg") no-repeat calc(0% + 450px) 0%;
-        background-size: cover;
-        background-attachment: fixed;
-    }
-}
-.content-container {
-    margin-top: 5vh;
-    margin-left: 2.5%;
-    margin-right: 60%;
-    word-wrap: break-word;
-    font-family: 'Exo 2', sans-serif;
-}
-.header {
-    display: none;
-}
-.gradient {
-    display: none;
-}
-.lily {
-    font-size: 1.6vw;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    font-weight: 300;
-}
-.yuriko {
-    margin-top: 0px;
-    font-size: 5vw;
-    margin-bottom: 5px;
-}
-
-.yuriko-sub {
-    margin-top: 0px;
-    font-weight: 300;
-    margin-bottom: 0px;
-    font-size: 2.6vw;
-}
-p {
-    color: #000000;
-    font-size: 1.3vw;
-}
-h1 {
-    color: #3b90c6;
-    font-size: 3.2vw;
-    font-weight: 500;
-}
-h2 {
-    color: #000000;
-    font-size: 2vw;
-    font-weight: 300;
-}
-
-@media only screen and (max-aspect-ratio: 8/5) {
-    body {
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        background: #ffffff;
-    }
-    .content-container {
-        margin-left: 3%;
-        margin-right: 3%;
-    }
-    .header {
-        margin-left: 0px;
-        margin-right: 0px;
-        display: block;
-        height: 50vh;
-        background: url("/yuika.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-        background-position: right 55% top;
-    }
-    .gradient {
-        display: block;
-        position: absolute;
-        top: 25vh;
-        left: 0%;
-        width: 100%;
-        height: 25vh;
-        background: linear-gradient(to top,#ffffff 25%,transparent 100%);
-    }
-    .lily {
-        font-size: 7.5vw;
-        margin-top: 0px;
-        margin-bottom: 0px;
-        font-weight: 300;
-    }
-    .yuriko {
-        margin-top: 0px;
-        font-size: 15vw;
-        margin-bottom: 5px;
-    }
-
-    .yuriko-sub {
-        margin-top: 0px;
-        font-weight: 300;
-        margin-bottom: 0px;
-        font-size: 8vw;
-    }
-    p {
-        color: #000000;
-        font-size: 5vw;
-    }
-    h1 {
-        color: #3b90c6;
-        font-size: 10vw;
-        font-weight: 500;
-    }
-    h2 {
-        color: #000000;
-        font-size: 4.6vw;
-        font-weight: 300;
-    }
-    .smol-yurik {
-        display: none;
-    }
-}
-@media only screen and (min-aspect-ratio: 5/5) and (max-aspect-ratio: 8/5) {
-    .lily {
-        font-size: 5vw;
-        margin-top: 0px;
-        margin-bottom: 0px;
-        font-weight: 300;
-    }
-    .yuriko {
-        margin-top: 0px;
-        font-size: 10vw;
-        margin-bottom: 5px;
-    }
-
-    .yuriko-sub {
-        margin-top: 0px;
-        font-weight: 300;
-        margin-bottom: 0px;
-        font-size: 5.6vw;
-    }
-    p {
-        color: #000000;
-        font-size: 3.3vw;
-    }
-    h1 {
-
-        color: #3b90c6;
-        font-size: 6.7vw;
-        font-weight: 500;
-    }
-    h2 {
-        color: #000000;
-        font-size: 3.5vw;
-        font-weight: 300;
-    }
-}
-@media only screen and (max-aspect-ratio: 8/5) and (max-width: 479px) {
-    .header {
-        margin-left: 0px;
-        margin-right: 0px;
-        display: block;
-        height: 50vh;
-        background: url("/yuika-360.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-        background-position: right 55% top;
-    }
-    
-}
-@media only screen and (max-aspect-ratio: 8/5) and (max-width: 899px) {
-    .header {
-        margin-left: 0px;
-        margin-right: 0px;
-        display: block;
-        height: 50vh;
-        background: url("/yuika-720.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-        background-position: right 55% top;
-    }
-    
-}
-@media only screen and (max-aspect-ratio: 8/5) and (min-width: 899px) {
-    .header {
-        margin-left: 0px;
-        margin-right: 0px;
-        display: block;
-        height: 50vh;
-        background: url("/yuika-720.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-        background-position: right 55% top;
-    }
-    
-}
-
-.primary {
-    color: #3b90c6;
-}
-
-.japanese{
-    font-family: 'M PLUS 1p', sans-serif;
-}
-
-a {
-    text-decoration: none;
-    color: #3b90c6;
-
-}
-a:hover{
-    text-decoration: underline;
-}
-.name {
-    margin-top: 0px;
-    margin-bottom: 5px;
-}
-
-.title {
-    margin-bottom: 10px;
-}
-ul > li {
-    font-size: 1.6vw;
-}
-ul > li > p {
-    margin-top: 0px;
-    margin-bottom: 5px;
-}
-
-.col {
-    display: flex;
-    flex-flow: column;
-}
-.row {
-    flex: 0 1 auto;
-}
-.expand {
-    flex: 1 1 auto;
-}
-.fill {
-    height: 87vh;
-}
-.nanao-enter-active,
-.nanao-leave-active {
-  transition-property: opacity;
-  transition-timing-function: ease-in-out;
-  transition-duration: 100ms;
-}
-.nanao-enter,
-.nanao-leave-to {
-  opacity: 0;
-}
-
-
diff --git a/assets/themes/yuriko.css b/assets/themes/yuriko.css
deleted file mode 100644
index 9aa2c4e..0000000
--- a/assets/themes/yuriko.css
+++ /dev/null
@@ -1,271 +0,0 @@
-body {
-    background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/yuriko-360.jpg") no-repeat;
-    background-size: cover;
-    background-attachment: fixed;
-    scroll-behavior: smooth;
-}
-@media only screen and (max-height: 479px) {
-    body {
-        background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/yuriko-360.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-    }
-}
-@media only screen and (max-height: 899px) {
-    body {
-        background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/yuriko-720.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-    }
-}
-@media only screen and (min-height: 900px) {
-    body {
-        background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/yuriko-1080.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-    }
-}
-.content-container {
-    margin-top: 5vh;
-    margin-left: 2.5%;
-    margin-right: 60%;
-    word-wrap: break-word;
-    font-family: 'Exo 2', sans-serif;
-}
-.header {
-    display: none;
-}
-.gradient {
-    display: none;
-}
-.lily {
-    font-size: 1.6vw;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    font-weight: 300;
-}
-.yuriko {
-    margin-top: 0px;
-    font-size: 5vw;
-    margin-bottom: 5px;
-}
-
-.yuriko-sub {
-    margin-top: 0px;
-    font-weight: 300;
-    margin-bottom: 0px;
-    font-size: 2.6vw;
-}
-p {
-    color: #ffffff;
-    font-size: 1.3vw;
-}
-h1 {
-    color: #c7b83c;
-    font-size: 3.2vw;
-    font-weight: 500;
-}
-h2 {
-    color: #ffffff;
-    font-size: 2vw;
-    font-weight: 300;
-}
-
-@media only screen and (max-aspect-ratio: 8/5) {
-    body {
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        background: #060600;
-    }
-    .content-container {
-        margin-left: 3%;
-        margin-right: 3%;
-    }
-    .header {
-        margin-left: 0px;
-        margin-right: 0px;
-        display: block;
-        height: 50vh;
-        background: url("/yuriko.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-        background-position: right 20% top;
-    }
-    .gradient {
-        display: block;
-        position: absolute;
-        top: 25vh;
-        left: 0%;
-        width: 100%;
-        height: 25vh;
-        background: linear-gradient(to top,#060600 25%,transparent 100%);
-    }
-    .lily {
-        font-size: 7.5vw;
-        margin-top: 0px;
-        margin-bottom: 0px;
-        font-weight: 300;
-    }
-    .yuriko {
-        margin-top: 0px;
-        font-size: 15vw;
-        margin-bottom: 5px;
-    }
-
-    .yuriko-sub {
-        margin-top: 0px;
-        font-weight: 300;
-        margin-bottom: 0px;
-        font-size: 8vw;
-    }
-    p {
-        color: #ffffff;
-        font-size: 5vw;
-    }
-    h1 {
-        color: #c7b83c;
-        font-size: 10vw;
-        font-weight: 500;
-    }
-    h2 {
-        color: #ffffff;
-        font-size: 4.6vw;
-        font-weight: 300;
-    }
-    .smol-yurik {
-        display: none;
-    }
-}
-@media only screen and (min-aspect-ratio: 5/5) and (max-aspect-ratio: 8/5) {
-    .lily {
-        font-size: 5vw;
-        margin-top: 0px;
-        margin-bottom: 0px;
-        font-weight: 300;
-    }
-    .yuriko {
-        margin-top: 0px;
-        font-size: 10vw;
-        margin-bottom: 5px;
-    }
-
-    .yuriko-sub {
-        margin-top: 0px;
-        font-weight: 300;
-        margin-bottom: 0px;
-        font-size: 5.6vw;
-    }
-    p {
-        color: #ffffff;
-        font-size: 3.3vw;
-    }
-    h1 {
-
-        color: #c7b83c;
-        font-size: 6.7vw;
-        font-weight: 500;
-    }
-    h2 {
-        color: #ffffff;
-        font-size: 3.5vw;
-        font-weight: 300;
-    }
-}
-@media only screen and (max-aspect-ratio: 8/5) and (max-width: 479px) {
-    .header {
-        margin-left: 0px;
-        margin-right: 0px;
-        display: block;
-        height: 50vh;
-        background: url("/yuriko-360.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-        background-position: right 20% top;
-    }
-    
-}
-@media only screen and (max-aspect-ratio: 8/5) and (max-width: 899px) {
-    .header {
-        margin-left: 0px;
-        margin-right: 0px;
-        display: block;
-        height: 50vh;
-        background: url("/yuriko-720.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-        background-position: right 20% top;
-    }
-    
-}
-@media only screen and (max-aspect-ratio: 8/5) and (min-width: 899px) {
-    .header {
-        margin-left: 0px;
-        margin-right: 0px;
-        display: block;
-        height: 50vh;
-        background: url("/yuriko-720.jpg") no-repeat;
-        background-size: cover;
-        background-attachment: fixed;
-        background-position: right 20% top;
-    }
-    
-}
-
-.primary {
-    color: #c7b83c;
-}
-
-.japanese{
-    font-family: 'M PLUS 1p', sans-serif;
-}
-
-a {
-    text-decoration: none;
-    color: #c7b83c;
-
-}
-a:hover{
-    text-decoration: underline;
-}
-.name {
-    margin-top: 0px;
-    margin-bottom: 5px;
-}
-
-.title {
-    margin-bottom: 10px;
-}
-ul > li {
-    font-size: 1.6vw;
-}
-ul > li > p {
-    margin-top: 0px;
-    margin-bottom: 5px;
-}
-
-.col {
-    display: flex;
-    flex-flow: column;
-}
-.row {
-    flex: 0 1 auto;
-}
-.expand {
-    flex: 1 1 auto;
-}
-.fill {
-    height: 87vh;
-}
-.nanao-enter-active,
-.nanao-leave-active {
-  transition-property: opacity;
-  transition-timing-function: ease-in-out;
-  transition-duration: 100ms;
-}
-.nanao-enter,
-.nanao-leave-to {
-  opacity: 0;
-}
-
-
diff --git a/components/Footer.vue b/components/Footer.vue
new file mode 100644
index 0000000..fb9f803
--- /dev/null
+++ b/components/Footer.vue
@@ -0,0 +1,29 @@
+<template>
+<div>
+  <footer>
+      <div class="footer-left">
+          <h1>(C) 2019 Damillora</h1>
+      </div>
+  </footer>
+  <div class="h-12"></div>
+</div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+footer {
+    @apply h-12 bottom-0 w-full z-10 flex flex-row justify-start items-center px-4 fixed;
+    background-color: rgba(0,0,0,0.3);
+}
+footer h1 {
+    @apply text-white;
+}
+.footer-left {
+    
+}
+</style>
diff --git a/components/Header.vue b/components/Header.vue
new file mode 100644
index 0000000..506565c
--- /dev/null
+++ b/components/Header.vue
@@ -0,0 +1,43 @@
+<template>
+<div>
+  <header>
+      <div class="header-left">
+          <nuxt-link to="/"><p class="header-link">Damillora</p></nuxt-link>
+      </div>
+      <div class="header-middle">
+      </div>
+      <div class="header-right">
+          <nuxt-link to="/about"><p class="header-link">about</p></nuxt-link>
+          <nuxt-link to="/games"><p class="header-link">game profile</p></nuxt-link>
+          <nuxt-link to="/sns"><p class="header-link">social media</p></nuxt-link>
+          <a href="//blog.nanao.moe"><p class="header-link">blog</p></a>
+      </div>
+  </header>
+  <div class="h-16"></div>
+</div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+header {
+    @apply h-16 fixed top-0 w-full z-10 flex flex-row justify-start items-center px-4;
+    background-color: rgba(0,0,0,0.3);
+}
+.header-link {
+    @apply text-white text-lg mx-2;
+}
+.header-left {
+    
+}
+.header-middle {
+    @apply flex-grow;
+}
+.header-right {
+   @apply flex flex-row;
+}
+</style>
diff --git a/layouts/default.vue b/layouts/default.vue
index c624a03..e5bf4e9 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,22 +1,26 @@
 <template>
-  <div>
-    <div class="header">
-      <div class="gradient">
-                
-      </div>
-    </div>
-    <div class="content-container">
+  <div class="main">
+    <Header/>
+    <div class="content">
       <nuxt />
     </div>
+    <Footer/>
   </div>
 </template>
 
 <script>
 // import FloatingYuriko from '~/components/FloatingYuriko'
+import Footer from '~/components/Footer'
+import Header from '~/components/Header'
 export default {
   components: {
 //    FloatingYuriko
+    Footer,
+    Header,
   }
 }
 </script>
 
+<style>
+
+</style>
diff --git a/nuxt.config.js b/nuxt.config.js
index 01ed0c3..08561a9 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,7 +1,5 @@
 require('dotenv').config({ path: process.env.THEME ? ".env."+process.env.THEME : ".env"})
 
-console.log("We are running "+process.env.THEME+" theme");
-
 module.exports = {
   mode: 'universal',
   server: {
@@ -12,7 +10,7 @@ module.exports = {
   ** Headers of the page
   */
   head: {
-    title: 'Damillora - '+(process.env.DOMAIN || "nanao.moe"),
+    title: 'Damillora - nanao.moe',
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
@@ -32,7 +30,6 @@ module.exports = {
   ** Global CSS
   */
   css: [
-    '@/assets/themes/'+(process.env.THEME || "yuriko")+'.css'
   ],
   env: {
     subheader: process.env.SUBHEADER || "" ,
@@ -48,12 +45,13 @@ module.exports = {
   ** Nuxt.js dev-modules
   */
   buildModules: [
+    '@nuxtjs/tailwindcss',
   ],
   /*
   ** Nuxt.js modules
   */
   modules: [
-    ['@nuxtjs/dotenv', { filename: process.env.THEME ? ".env."+process.env.THEME : ".env" }],
+    ['@nuxtjs/dotenv' ],
   ],
   /*
   ** Build configuration
@@ -75,5 +73,4 @@ module.exports = {
   serverMiddleware: [
 
   ],
-  buildDir: '.nuxt.'+(process.env.THEME || "yuriko")
 }
diff --git a/package.json b/package.json
index 0841355..5bb51a4 100644
--- a/package.json
+++ b/package.json
@@ -12,12 +12,14 @@
   },
   "dependencies": {
     "@nuxtjs/dotenv": "^1.4.1",
+    "@nuxtjs/tailwindcss": "^1.2.0",
     "cross-env": "^5.2.0",
     "express": "^4.16.4",
     "howler": "^2.1.2",
     "node-sass": "^4.12.0",
     "nuxt": "^2.0.0",
     "sass-loader": "^8.0.0",
+    "tailwindcss-transitions": "^2.1.0",
     "tall": "^2.2.0"
   },
   "devDependencies": {
diff --git a/pages/_.vue b/pages/_.vue
index e648f3e..8c78058 100644
--- a/pages/_.vue
+++ b/pages/_.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div class="page">
     <h1>404</h1>
     <p>oops!</p>
     <p>
@@ -13,9 +13,6 @@
 export default {
   components: {
 
-  },
-  transition: {
-    name: 'nanao',
   },
   middleware: 'shorten',
 }
diff --git a/pages/about.vue b/pages/about.vue
index e878562..ebdfe02 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -1,13 +1,9 @@
 <template>
-  <div class="container">
+  <div class="page">
             <h1 class="title">About Damillora</h1>
             <p>Hello! My name is Damillora.</p>
             <p>I enjoy playing rhythm games, and talking about idol and rhythm games in general!</p>
-            
-            <div class="back">
-                <nuxt-link to="/">back</nuxt-link>
-            </div>
-  </div>
+   </div>
 </template>
 
 <script>
@@ -16,9 +12,6 @@ export default {
   components: {
 
   },
-  transition: {
-    name: 'nanao',
-  }
 }
 </script>
 
diff --git a/pages/games.vue b/pages/games.vue
index 4911532..f01640d 100644
--- a/pages/games.vue
+++ b/pages/games.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div class="page">
 <h1 class="title">Game Profile</h1>
             <p>I play arcade and mobile games mostly, not all are recorded / streamed.</p>
             <p>My most frequently played genre is rhythm games, but sometimes I try other genres too</p>
@@ -66,9 +66,6 @@
                     -->
                 </ul>
             </p>
-            <div class="back">
-                <nuxt-link to="/">back</nuxt-link>
-            </div>
   </div>
 </template>
 
@@ -78,9 +75,6 @@ export default {
   components: {
 
   },
-  transition: {
-    name: 'nanao',
-  }
 
 }
 </script>
diff --git a/pages/index.vue b/pages/index.vue
index 36cf936..b53ddf6 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,23 +1,10 @@
-<template>
-  <div class="container">
-            <div class="col fill">
-                <div class="row">
-                    <h3 class="primary japanese lily">{{ subheader }}</h3>
-                    <h1 class="primary japanese yuriko">{{ header }}</h1>
-                    <h2 class="primary yuriko-sub">{{ romaji }}</h2>
-                </div>
-                <div class="expand">
 
-                </div>
-                <div class="row">
-                    <h1 class="primary name">Damillora</h1>
-                    <h2 class="sub">an idol fan with a strange music to it</h2>
-                    <p>
-                        <nuxt-link to="/about">about</nuxt-link>&nbsp;|&nbsp;
-                        <nuxt-link to="/games">game profile</nuxt-link>&nbsp;|&nbsp;
-                        <nuxt-link to="/sns">social media</nuxt-link>&nbsp;|&nbsp;
-                        <a href="https://nanao.moe/blog">blog</a>
-                    </p>
+<template>
+  <div class="card absolute right-0 bottom-0 w-full sm:w-2/3 md:w-1/2 lg:w-2/5 xl:w-1/3">
+            <div class="flex flex-col">
+                <div class="flex flex-col">
+                    <h1 class="text-4xl py-1">Damillora</h1>
+                    <h2 class="text-xl py-1">an idol fan with a strange music to it</h2>
                 </div>
             </div>
   </div>
@@ -29,20 +16,6 @@ export default {
   components: {
 
   },
-  computed: {
-    subheader() {
-      return process.env.subheader
-    },
-    header() {
-      return process.env.header
-    },
-    romaji() {
-      return process.env.romaji
-    },
-  },
-  transition: {
-    name: 'nanao',
-  }
 }
 </script>
 
diff --git a/pages/sns.vue b/pages/sns.vue
index 7a27bd8..b223fa6 100644
--- a/pages/sns.vue
+++ b/pages/sns.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div class="page">
             <h1 class="title">Social Media</h1>
             <p>I maintain a presence at a number of social media, be sure to follow me there!</p> 
             <p>
@@ -17,9 +17,6 @@
               </ul>
             </p>
 
-            <div class="back">
-                <nuxt-link to="/">back</nuxt-link>
-            </div>
   </div>
 </template>
 
@@ -29,9 +26,6 @@ export default {
   components: {
 
   },
-  transition: {
-    name: 'nanao',
-  }
 }
 </script>
 
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..f883621
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,43 @@
+module.exports = {
+  theme: {
+    transitionProperty: {
+      'none': 'none',
+      'all': 'all',
+      'color': 'color',
+      'bg': 'background-color',
+      'border': 'border-color',
+      'colors': ['color', 'background-color', 'border-color'],
+      'opacity': 'opacity',
+      'transform': 'transform',
+    },
+    extend: {
+      colors: {
+        'yuika-blue': {
+          '100': '#C6E7F8',
+          '200': '#9FD3F0',
+          '300': '#7BBEE5',
+          '400': '#5AA7D7',
+          '500': '#3B90C6',
+          '600': '#2E72AA',
+          '700': '#22558C',
+          '800': '#173B6C',
+          '900': '#0E254C',
+        }
+      },
+      maxHeight: {
+       '16': '4rem',
+       '24': '6rem',
+       '32': '8rem',
+      }
+    },
+    fontFamily: {
+      'sans': ['"Exo 2"',' -apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', '"Noto Sans"', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"'],
+      'display': ['"Exo 2"',' -apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', '"Noto Sans"', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"'],
+      'body': ['"Exo 2"',' -apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', '"Noto Sans"', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"'],
+    }
+  },
+  variants: ['responsive', 'group-hover', 'hover', 'active' ],
+  plugins: [
+    require('tailwindcss-transitions')(),
+  ],
+}
diff --git a/yarn.lock b/yarn.lock
index df7ef01..fec7e7b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -710,6 +710,14 @@
   resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7"
   integrity sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==
 
+"@fullhuman/postcss-purgecss@^1.1.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@fullhuman/postcss-purgecss/-/postcss-purgecss-1.3.0.tgz#d632900d818f4fcf4678e7326923fb838c3e03a7"
+  integrity sha512-zvfS3dPKD2FAtMcXapMJXGbDgEp9E++mLR6lTgSruv6y37uvV5xJ1crVktuC1gvnmMwsa7Zh1m05FeEiz4VnIQ==
+  dependencies:
+    postcss "^7.0.14"
+    purgecss "^1.4.0"
+
 "@nuxt/babel-preset-app@2.9.2":
   version "2.9.2"
   resolved "https://registry.yarnpkg.com/@nuxt/babel-preset-app/-/babel-preset-app-2.9.2.tgz#e8d2ac841db845ef88ca2687093a95a480106e5d"
@@ -959,6 +967,16 @@
     consola "^2.10.1"
     dotenv "^8.1.0"
 
+"@nuxtjs/tailwindcss@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/tailwindcss/-/tailwindcss-1.2.0.tgz#e558ef3c4a19e57f5e962b7f4ae8522fa3494891"
+  integrity sha512-ZVwN7o6Ot/e3deJy8rfbzkl+JAbBouGosAY02UPiTMfBFGNYV+d3OXijpSfaMXnipHVgPZeBzs17tyGmx0p1ZQ==
+  dependencies:
+    consola "^2.10.1"
+    fs-extra "^8.1.0"
+    nuxt-purgecss "^0.2.1"
+    tailwindcss "^1.1.3"
+
 "@nuxtjs/youch@^4.2.3":
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/@nuxtjs/youch/-/youch-4.2.3.tgz#36f8b22df5a0efaa81373109851e1d857aca6bed"
@@ -1312,7 +1330,7 @@ ansi-styles@^2.2.1:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
   integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
 
-ansi-styles@^3.2.1:
+ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
   integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
@@ -1451,6 +1469,19 @@ atob@^2.1.1:
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
+autoprefixer@^9.4.5:
+  version "9.7.2"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.7.2.tgz#26cf729fbb709323b40171a874304884dcceffed"
+  integrity sha512-LCAfcdej1182uVvPOZnytbq61AhnOZ/4JelDaJGDeNwewyU1AMaNthcHsyz1NRjTmd2FkurMckLWfkHg3Z//KA==
+  dependencies:
+    browserslist "^4.7.3"
+    caniuse-lite "^1.0.30001010"
+    chalk "^2.4.2"
+    normalize-range "^0.1.2"
+    num2fraction "^1.2.2"
+    postcss "^7.0.23"
+    postcss-value-parser "^4.0.2"
+
 autoprefixer@^9.6.1:
   version "9.6.1"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.6.1.tgz#51967a02d2d2300bb01866c1611ec8348d355a47"
@@ -1774,6 +1805,15 @@ browserslist@^4.0.0, browserslist@^4.6.0, browserslist@^4.6.3, browserslist@^4.6
     electron-to-chromium "^1.3.247"
     node-releases "^1.1.29"
 
+browserslist@^4.7.3:
+  version "4.7.3"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.7.3.tgz#02341f162b6bcc1e1028e30624815d4924442dc3"
+  integrity sha512-jWvmhqYpx+9EZm/FxcZSbUZyDEvDTLDi3nSAKbzEkyWvtI0mNSmUosey+5awDW1RUlrgXbQb5A6qY1xQH9U6MQ==
+  dependencies:
+    caniuse-lite "^1.0.30001010"
+    electron-to-chromium "^1.3.306"
+    node-releases "^1.1.40"
+
 buffer-from@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
@@ -1808,7 +1848,7 @@ bytes@3.0.0:
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
   integrity sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=
 
-bytes@3.1.0:
+bytes@3.1.0, bytes@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.0.tgz#f6cf7933a360e0588fa9fde85651cdc7f805d1f6"
   integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==
@@ -1888,6 +1928,11 @@ camel-case@3.0.x, camel-case@^3.0.0:
     no-case "^2.2.0"
     upper-case "^1.1.1"
 
+camelcase-css@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
+  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+
 camelcase-keys@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
@@ -1931,6 +1976,11 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000980, caniuse-lite@^1.0.30000981, can
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000997.tgz#ba44a606804f8680894b7042612c2c7f65685b7e"
   integrity sha512-BQLFPIdj2ntgBNWp9Q64LGUIEmvhKkzzHhUHR3CD5A9Lb7ZKF20/+sgadhFap69lk5XmK1fTUleDclaRFvgVUA==
 
+caniuse-lite@^1.0.30001010:
+  version "1.0.30001012"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001012.tgz#653ec635e815b9e0fb801890923b0c2079eb34ec"
+  integrity sha512-7RR4Uh04t9K1uYRWzOJmzplgEOAXbfK72oVNokCdMzA67trrhPzy93ahKk1AWHiA0c58tD2P+NHqxrA8FZ+Trg==
+
 capture-stack-trace@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/capture-stack-trace/-/capture-stack-trace-1.0.1.tgz#a6c0bbe1f38f3aa0b92238ecb6ff42c344d4135d"
@@ -2061,6 +2111,15 @@ cliui@^3.2.0:
     strip-ansi "^3.0.1"
     wrap-ansi "^2.0.0"
 
+cliui@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
+  integrity sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==
+  dependencies:
+    string-width "^3.1.0"
+    strip-ansi "^5.2.0"
+    wrap-ansi "^5.1.0"
+
 clone-deep@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
@@ -2221,6 +2280,16 @@ connect@^3.7.0:
     parseurl "~1.3.3"
     utils-merge "1.0.1"
 
+consola@^1.4.5:
+  version "1.4.5"
+  resolved "https://registry.yarnpkg.com/consola/-/consola-1.4.5.tgz#09732d07cb50af07332e54e0f42fafb92b962c4a"
+  integrity sha512-movqq3MbyXbSf7cG/x+EbO3VjKQVZPB/zeB5+lN1TuBYh9BWDemLQca9P+a4xpO4lXva9rz+Bd8XyqlH136Lww==
+  dependencies:
+    chalk "^2.3.2"
+    figures "^2.0.0"
+    lodash "^4.17.5"
+    std-env "^1.1.0"
+
 consola@^2.10.0, consola@^2.10.1, consola@^2.6.0, consola@^2.9.0:
   version "2.10.1"
   resolved "https://registry.yarnpkg.com/consola/-/consola-2.10.1.tgz#4693edba714677c878d520e4c7e4f69306b4b927"
@@ -2678,7 +2747,7 @@ debug@^4.1.0, debug@^4.1.1:
   dependencies:
     ms "^2.1.1"
 
-decamelize@^1.1.1, decamelize@^1.1.2:
+decamelize@^1.1.1, decamelize@^1.1.2, decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
@@ -2894,6 +2963,11 @@ electron-to-chromium@^1.3.247:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.267.tgz#7745ff9d447fd2a9802e1c6dfa518631e0cf5357"
   integrity sha512-9Q2ixAJC+oHjWNtJV0MQ4vJMCWSowIrC6V6vcr+bwPddTDHj2ddv9xxXCzf4jT/fy6HP7maPoW0gifXkRxCttQ==
 
+electron-to-chromium@^1.3.306:
+  version "1.3.314"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.314.tgz#c186a499ed2c9057bce9eb8dca294d6d5450facc"
+  integrity sha512-IKDR/xCxKFhPts7h+VaSXS02Z1mznP3fli1BbXWXeN89i2gCzKraU8qLpEid8YzKcmZdZD3Mly3cn5/lY9xsBQ==
+
 elliptic@^6.0.0:
   version "6.5.1"
   resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.1.tgz#c380f5f909bf1b9b4428d028cd18d3b0efd6b52b"
@@ -3229,6 +3303,13 @@ figgy-pudding@^3.5.1:
   resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.1.tgz#862470112901c727a0e495a80744bd5baa1d6790"
   integrity sha512-vNKxJHTEKNThjfrdJwHc7brvM6eVevuO5nTj6ez8ZQ1qbXTvGthucRF7S4vf2cr71QVnT70V34v0S1DyQsti0w==
 
+figures@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/figures/-/figures-2.0.0.tgz#3ab1a2d2a62c8bfb431a0c94cb797a2fce27c962"
+  integrity sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=
+  dependencies:
+    escape-string-regexp "^1.0.5"
+
 figures@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/figures/-/figures-3.0.0.tgz#756275c964646163cc6f9197c7a0295dbfd04de9"
@@ -3377,7 +3458,7 @@ from2@^2.1.0:
     inherits "^2.0.1"
     readable-stream "^2.0.0"
 
-fs-extra@^8.0.1, fs-extra@^8.1.0:
+fs-extra@^8.0.0, fs-extra@^8.0.1, fs-extra@^8.1.0:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
   integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
@@ -3462,6 +3543,11 @@ get-caller-file@^1.0.1:
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a"
   integrity sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==
 
+get-caller-file@^2.0.1:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
+  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
+
 get-stdin@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
@@ -3491,6 +3577,14 @@ getpass@^0.1.1:
   dependencies:
     assert-plus "^1.0.0"
 
+glob-all@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/glob-all/-/glob-all-3.1.0.tgz#8913ddfb5ee1ac7812656241b03d5217c64b02ab"
+  integrity sha1-iRPd+17hrHgSZWJBsD1SF8ZLAqs=
+  dependencies:
+    glob "^7.0.5"
+    yargs "~1.2.6"
+
 glob-parent@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
@@ -3518,6 +3612,18 @@ glob@^7.0.0, glob@^7.0.3, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@~7.1.1:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+glob@^7.0.5:
+  version "7.1.6"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
+  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
 global-dirs@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-0.1.1.tgz#b319c0dd4607f353f3be9cca4c72fc148c49f445"
@@ -4041,7 +4147,7 @@ is-callable@^1.1.4:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.4.tgz#1e1adf219e1eeb684d691f9d6a05ff0d30a24d75"
   integrity sha512-r5p9sxJjYnArLjObpjA4xu5EKI3CuKHkJXMhT7kwbpUyIFD1n5PMAsoPvWnvtZiNz7LjkYDRZhd7FlI0eMijEA==
 
-is-ci@^1.0.10:
+is-ci@^1.0.10, is-ci@^1.1.0:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-1.2.1.tgz#e3779c8ee17fccf428488f6e281187f2e632841c"
   integrity sha512-s6tfsaQaQi3JNciBH6shVqEDvhGut0SUXr31ag8Pd8BBbVVlcGfWhpPmEOoM6RJ5TFhbypvf5yyRw/VXW1IiWg==
@@ -4549,6 +4655,11 @@ lodash.templatesettings@^4.0.0:
   dependencies:
     lodash._reinterpolate "^3.0.0"
 
+lodash.toarray@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/lodash.toarray/-/lodash.toarray-4.4.0.tgz#24c4bfcd6b2fba38bfd0594db1179d8e9b656561"
+  integrity sha1-JMS/zWsvuji/0FlNsRedjptlZWE=
+
 lodash.uniq@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
@@ -4794,6 +4905,11 @@ minimist@0.0.8:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
   integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=
 
+minimist@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.1.0.tgz#99df657a52574c21c9057497df742790b2b4c0de"
+  integrity sha1-md9lelJXTCHJBXSX33QnkLK0wN4=
+
 minimist@^1.1.3, minimist@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
@@ -4938,6 +5054,13 @@ no-case@^2.2.0:
   dependencies:
     lower-case "^1.1.1"
 
+node-emoji@^1.8.1:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-1.10.0.tgz#8886abd25d9c7bb61802a658523d1f8d2a89b2da"
+  integrity sha512-Yt3384If5H6BYGVHiHwTL+99OzJKHhgp82S8/dktEK73T26BazdgZ4JZh92xSVtGNJvz9UbXdNAc5hcrXV42vw==
+  dependencies:
+    lodash.toarray "^4.4.0"
+
 node-fetch@^2.6.0:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.0.tgz#e633456386d4aa55863f676a7ab0daa8fdecb0fd"
@@ -5018,6 +5141,13 @@ node-releases@^1.1.29:
   dependencies:
     semver "^5.3.0"
 
+node-releases@^1.1.40:
+  version "1.1.41"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.41.tgz#57674a82a37f812d18e3b26118aefaf53a00afed"
+  integrity sha512-+IctMa7wIs8Cfsa8iYzeaLTFwv5Y4r5jZud+4AnfymzeEXKBCavFX0KBgzVaPVqf0ywa6PrO8/b+bPqdwjGBSg==
+  dependencies:
+    semver "^6.3.0"
+
 node-res@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/node-res/-/node-res-5.0.1.tgz#ffaa462e206509d66d0ba28a4daf1f032daa6460"
@@ -5132,6 +5262,11 @@ normalize-url@^3.0.0:
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
   integrity sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==
 
+normalize.css@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/normalize.css/-/normalize.css-8.0.1.tgz#9b98a208738b9cc2634caacbc42d131c97487bf3"
+  integrity sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==
+
 npm-bundled@^1.0.1:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.0.6.tgz#e7ba9aadcef962bb61248f91721cd932b3fe6bdd"
@@ -5186,6 +5321,17 @@ number-is-nan@^1.0.0:
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
   integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
 
+nuxt-purgecss@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/nuxt-purgecss/-/nuxt-purgecss-0.2.1.tgz#5cabb515beaff96cfb833b3ce13caecec953daca"
+  integrity sha512-d2PXW9jvGLr3aF7BUf6s28oc8XpfS+aIord2DhwsAWoEOZh8f7c95+/491zrj1hEwv1aUlHSsXMK9UKCPrcdtA==
+  dependencies:
+    "@fullhuman/postcss-purgecss" "^1.1.0"
+    consola "^1.4.5"
+    glob-all "^3.1.0"
+    purgecss "^1.1.0"
+    purgecss-webpack-plugin "^1.4.0"
+
 nuxt@^2.0.0:
   version "2.9.2"
   resolved "https://registry.yarnpkg.com/nuxt/-/nuxt-2.9.2.tgz#3c190fe79dcb00550029d065bb9505caffd02bbb"
@@ -5751,6 +5897,16 @@ postcss-font-variant@^4.0.0:
   dependencies:
     postcss "^7.0.2"
 
+postcss-functions@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-functions/-/postcss-functions-3.0.0.tgz#0e94d01444700a481de20de4d55fb2640564250e"
+  integrity sha1-DpTQFERwCkgd4g3k1V+yZAVkJQ4=
+  dependencies:
+    glob "^7.1.2"
+    object-assign "^4.1.1"
+    postcss "^6.0.9"
+    postcss-value-parser "^3.3.0"
+
 postcss-gap-properties@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-2.0.0.tgz#431c192ab3ed96a3c3d09f2ff615960f902c1715"
@@ -5791,6 +5947,14 @@ postcss-initial@^3.0.0:
     lodash.template "^4.5.0"
     postcss "^7.0.2"
 
+postcss-js@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-2.0.3.tgz#a96f0f23ff3d08cec7dc5b11bf11c5f8077cdab9"
+  integrity sha512-zS59pAk3deu6dVHyrGqmC3oDXBdNdajk4k1RyxeVXCrcEDBUBHoIhE4QTsmhxgzXxsaqFDAkUZfmMa5f/N/79w==
+  dependencies:
+    camelcase-css "^2.0.1"
+    postcss "^7.0.18"
+
 postcss-lab-function@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-2.0.1.tgz#bb51a6856cd12289ab4ae20db1e3821ef13d7d2e"
@@ -5927,6 +6091,14 @@ postcss-modules-values@^3.0.0:
     icss-utils "^4.0.0"
     postcss "^7.0.6"
 
+postcss-nested@^4.1.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-4.2.1.tgz#4bc2e5b35e3b1e481ff81e23b700da7f82a8b248"
+  integrity sha512-AMayXX8tS0HCp4O4lolp4ygj9wBn32DJWXvG6gCv+ZvJrEa00GUxJcJEEzMh87BIe6FrWdYkpR2cuyqHKrxmXw==
+  dependencies:
+    postcss "^7.0.21"
+    postcss-selector-parser "^6.0.2"
+
 postcss-nesting@^7.0.0:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-7.0.1.tgz#b50ad7b7f0173e5b5e3880c3501344703e04c052"
@@ -6197,12 +6369,12 @@ postcss-url@^8.0.0:
     postcss "^7.0.2"
     xxhashjs "^0.2.1"
 
-postcss-value-parser@^3.0.0, postcss-value-parser@^3.2.3, postcss-value-parser@^3.3.1:
+postcss-value-parser@^3.0.0, postcss-value-parser@^3.2.3, postcss-value-parser@^3.3.0, postcss-value-parser@^3.3.1:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
   integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
 
-postcss-value-parser@^4.0.0:
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.0.2.tgz#482282c09a42706d1fc9a069b73f44ec08391dc9"
   integrity sha512-LmeoohTpp/K4UiyQCwuGWlONxXamGzCMtFxLq4W1nZVGIQLYvMCJx3yAF9qyyuFpflABI9yVdtJAqbihOsCsJQ==
@@ -6216,6 +6388,15 @@ postcss-values-parser@^2.0.0, postcss-values-parser@^2.0.1:
     indexes-of "^1.0.1"
     uniq "^1.0.1"
 
+postcss@^6.0.9:
+  version "6.0.23"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
+  integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
+  dependencies:
+    chalk "^2.4.1"
+    source-map "^0.6.1"
+    supports-color "^5.4.0"
+
 postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.5, postcss@^7.0.6:
   version "7.0.18"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.18.tgz#4b9cda95ae6c069c67a4d933029eddd4838ac233"
@@ -6225,6 +6406,15 @@ postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.1
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
+postcss@^7.0.11, postcss@^7.0.18, postcss@^7.0.21, postcss@^7.0.23:
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.23.tgz#9f9759fad661b15964f3cfc3140f66f1e05eadc1"
+  integrity sha512-hOlMf3ouRIFXD+j2VJecwssTwbvsPGJVMzupptg+85WA+i7MwyrydmQAgY3R+m0Bc0exunhbJmijy8u8+vufuQ==
+  dependencies:
+    chalk "^2.4.2"
+    source-map "^0.6.1"
+    supports-color "^6.1.0"
+
 prepend-http@^1.0.0, prepend-http@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
@@ -6248,6 +6438,11 @@ pretty-error@^2.0.2:
     renderkid "^2.0.1"
     utila "~0.4"
 
+pretty-hrtime@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1"
+  integrity sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=
+
 pretty-time@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/pretty-time/-/pretty-time-1.1.0.tgz#ffb7429afabb8535c346a34e41873adf3d74dd0e"
@@ -6362,6 +6557,24 @@ punycode@^2.1.0:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
   integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
 
+purgecss-webpack-plugin@^1.4.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/purgecss-webpack-plugin/-/purgecss-webpack-plugin-1.6.0.tgz#7b5d6d189f5574c1365592e1445d252162404e4a"
+  integrity sha512-rVrTWYsOTShUvD5gl0q/krkwTlBUILlyoqRk2XoujNm2dETt276yvK4vP9oyXVPSQyaMCjjP5YPMCq9PNgIlJQ==
+  dependencies:
+    purgecss "^1.4.0"
+    webpack-sources "^1.4.3"
+
+purgecss@^1.1.0, purgecss@^1.4.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/purgecss/-/purgecss-1.4.1.tgz#d362e63eb1ed9dd1fa1554b9fd7accb8d54e56dc"
+  integrity sha512-5jONV/D/3nfa+lC425+LA+OWe5/LDn4a79cac+TnzJq3VczwnWlpIDdW275hHsGhkzIlqATQsYFLW7or0cSwNQ==
+  dependencies:
+    glob "^7.1.3"
+    postcss "^7.0.14"
+    postcss-selector-parser "^6.0.0"
+    yargs "^14.0.0"
+
 q@^1.1.2:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
@@ -6505,6 +6718,14 @@ redent@^1.0.0:
     indent-string "^2.1.0"
     strip-indent "^1.0.1"
 
+reduce-css-calc@^2.1.6:
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-2.1.7.tgz#1ace2e02c286d78abcd01fd92bfe8097ab0602c2"
+  integrity sha512-fDnlZ+AybAS3C7Q9xDq5y8A2z+lT63zLbynew/lur/IR24OQF5x98tfNwf79mzEdfywZ0a2wpM860FhFfMxZlA==
+  dependencies:
+    css-unit-converter "^1.1.1"
+    postcss-value-parser "^3.3.0"
+
 regenerate-unicode-properties@^8.1.0:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.1.0.tgz#ef51e0f0ea4ad424b77bf7cb41f3e015c70a3f0e"
@@ -6655,6 +6876,11 @@ require-main-filename@^1.0.1:
   resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
   integrity sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=
 
+require-main-filename@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
+  integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
+
 resolve-from@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
@@ -7117,6 +7343,13 @@ static-extend@^0.1.1:
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
   integrity sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=
 
+std-env@^1.1.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/std-env/-/std-env-1.3.1.tgz#4e1758412439e9ece1d437b1b098551911aa44ee"
+  integrity sha512-KI2F2pPJpd3lHjng+QLezu0eq+QDtXcv1um016mhOPAJFHKL+09ykK5PUBWta2pZDC8BVV0VPya08A15bUXSLQ==
+  dependencies:
+    is-ci "^1.1.0"
+
 std-env@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/std-env/-/std-env-2.2.1.tgz#2ffa0fdc9e2263e0004c1211966e960948a40f6b"
@@ -7185,7 +7418,7 @@ string-width@^1.0.1, string-width@^1.0.2:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^4.0.0"
 
-string-width@^3.0.0:
+string-width@^3.0.0, string-width@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
   integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
@@ -7308,7 +7541,7 @@ supports-color@^2.0.0:
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
   integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
 
-supports-color@^5.2.0, supports-color@^5.3.0:
+supports-color@^5.2.0, supports-color@^5.3.0, supports-color@^5.4.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
   integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
@@ -7346,6 +7579,33 @@ svgo@^1.0.0:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
+tailwindcss-transitions@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/tailwindcss-transitions/-/tailwindcss-transitions-2.1.0.tgz#54ca6c293a197300c5eb1ab3775dc29f083432f1"
+  integrity sha512-WafCC+ujZk2rUECdBoFeF8lKTmrrpNudrHxSHNikYfaYyVR7BRRqpB2n49/wxzg8/YWy8OK42MvQnFuJBb2yxw==
+  dependencies:
+    lodash "^4.17.15"
+
+tailwindcss@^1.1.3:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-1.1.4.tgz#786bd5faaf485c9eddcb821dd55666c56baa814e"
+  integrity sha512-p4AxVa4CKpX7IbNxImwNMGG9MHuLgratOaOE/iGriNd4AsRQRM2xMisoQ3KQHqShunrWuObga7rI7xbNsVoWGA==
+  dependencies:
+    autoprefixer "^9.4.5"
+    bytes "^3.0.0"
+    chalk "^2.4.1"
+    fs-extra "^8.0.0"
+    lodash "^4.17.11"
+    node-emoji "^1.8.1"
+    normalize.css "^8.0.1"
+    postcss "^7.0.11"
+    postcss-functions "^3.0.0"
+    postcss-js "^2.0.0"
+    postcss-nested "^4.1.1"
+    postcss-selector-parser "^6.0.0"
+    pretty-hrtime "^1.0.3"
+    reduce-css-calc "^2.1.6"
+
 tall@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/tall/-/tall-2.2.0.tgz#df2bc4a91cba24179f79c41272ae64bba146ac84"
@@ -8019,7 +8279,7 @@ webpack-node-externals@^1.7.2:
   resolved "https://registry.yarnpkg.com/webpack-node-externals/-/webpack-node-externals-1.7.2.tgz#6e1ee79ac67c070402ba700ef033a9b8d52ac4e3"
   integrity sha512-ajerHZ+BJKeCLviLUUmnyd5B4RavLF76uv3cs6KNuO8W+HuQaEs0y0L7o40NQxdPy5w0pcv8Ew7yPUAQG0UdCg==
 
-webpack-sources@^1.0.1, webpack-sources@^1.1.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1:
+webpack-sources@^1.0.1, webpack-sources@^1.1.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1, webpack-sources@^1.4.3:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
   integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==
@@ -8075,6 +8335,11 @@ which-module@^1.0.0:
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f"
   integrity sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=
 
+which-module@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
+  integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=
+
 which@1, which@^1.2.9:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
@@ -8118,6 +8383,15 @@ wrap-ansi@^2.0.0:
     string-width "^1.0.1"
     strip-ansi "^3.0.1"
 
+wrap-ansi@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"
+  integrity sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==
+  dependencies:
+    ansi-styles "^3.2.0"
+    string-width "^3.0.0"
+    strip-ansi "^5.0.0"
+
 wrap-ansi@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.0.0.tgz#47c7b7329e0b8000f5756b0693a861e357e4043e"
@@ -8197,6 +8471,14 @@ yallist@^3.0.0, yallist@^3.0.2, yallist@^3.0.3:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.0.tgz#906cc2100972dc2625ae78f566a2577230a1d6f7"
   integrity sha512-6gpP93MR+VOOehKbCPchro3wFZNSNmek8A2kbkOAZLIZAYx1KP/zAqwO0sOHi3xJEb+UBz8NaYt/17UNit1Q9w==
 
+yargs-parser@^15.0.0:
+  version "15.0.0"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-15.0.0.tgz#cdd7a97490ec836195f59f3f4dbe5ea9e8f75f08"
+  integrity sha512-xLTUnCMc4JhxrPEPUYD5IBR1mWCK/aT6+RJ/K29JY2y1vD+FhtgKK0AXRWvI262q3QSffAQuTouFIKUuHX89wQ==
+  dependencies:
+    camelcase "^5.0.0"
+    decamelize "^1.2.0"
+
 yargs-parser@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-5.0.0.tgz#275ecf0d7ffe05c77e64e7c86e4cd94bf0e1228a"
@@ -8204,6 +8486,23 @@ yargs-parser@^5.0.0:
   dependencies:
     camelcase "^3.0.0"
 
+yargs@^14.0.0:
+  version "14.2.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-14.2.2.tgz#2769564379009ff8597cdd38fba09da9b493c4b5"
+  integrity sha512-/4ld+4VV5RnrynMhPZJ/ZpOCGSCeghMykZ3BhdFBDa9Wy/RH6uEGNWDJog+aUlq+9OM1CFTgtYRW5Is1Po9NOA==
+  dependencies:
+    cliui "^5.0.0"
+    decamelize "^1.2.0"
+    find-up "^3.0.0"
+    get-caller-file "^2.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^2.0.0"
+    set-blocking "^2.0.0"
+    string-width "^3.0.0"
+    which-module "^2.0.0"
+    y18n "^4.0.0"
+    yargs-parser "^15.0.0"
+
 yargs@^7.0.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-7.1.0.tgz#6ba318eb16961727f5d284f8ea003e8d6154d0c8"
@@ -8222,3 +8521,10 @@ yargs@^7.0.0:
     which-module "^1.0.0"
     y18n "^3.2.1"
     yargs-parser "^5.0.0"
+
+yargs@~1.2.6:
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-1.2.6.tgz#9c7b4a82fd5d595b2bf17ab6dcc43135432fe34b"
+  integrity sha1-nHtKgv1dWVsr8Xq23MQxNUMv40s=
+  dependencies:
+    minimist "^0.1.0"