body{min-height:100vh;font-family:Patrick Hand,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-color:#2c3e50;margin:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#app,body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#app{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:80vh;width:100%;overflow:hidden}#app>div{width:80%;max-width:32em;position:relative;height:100%}h1{font-family:Nosifer,Helvetica,Arial,sans-serif}h2,p{font-size:2em;text-align:center;position:absolute;width:100%;opacity:.8;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0}h2:first-letter,p:first-letter{text-transform:uppercase}h2{font-size:3em}button{background-color:hsla(0,0%,100%,.5);border:0;padding:.5em 1em;font-size:2em;font-family:inherit;text-transform:uppercase;color:#fff;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;outline:none}button:hover{background:hsla(0,0%,100%,.75)}button:active{background:hsla(0,0%,100%,.25)}.slide-enter-active,.slide-leave-active{-webkit-transition:all .5s;transition:all .5s}.slide-enter{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.slide-leave-to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.fade-enter-active,.fade-leave-active{-webkit-transition:all 1s;transition:all 1s}.fade-enter,.fade-leave-to{opacity:0}