body{background:#333;color:#fff;margin:0;padding:0}body #app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.smoothly-transition-enter-active{filter:blur(.05em);transition:all .65s cubic-bezier(1,.6,.4,1)}.smoothly-transition-leave-active{filter:blur(1.5em);opacity:0;transition:all .35s cubic-bezier(1,.2,.8,1)}.smoothly-transition-enter,.smoothly-transition-leave-to{opacity:0;transform:translateY(100%)}@-webkit-keyframes bounce_effect{0%,5%{opacity:0}70%,90%,to{-webkit-transform:translateY(0)}15%,30%,50%{-webkit-transform:translateY(-50%)}60%{-webkit-transform:translateY(30%)}80%{-webkit-transform:translateY(-20%)}95%{-webkit-transform:translateY(10%)}to{opacity:1}}@keyframes bounce_effect{0%,5%{opacity:0}70%,90%,to{transform:translateY(0)}15%,30%,50%{transform:translateY(-50%)}60%{transform:translateY(30%)}80%{transform:translateY(-20%)}95%{transform:translateY(10%)}to{opacity:1}}.bounce_effect{transition:.8s;-webkit-animation:bounce_effect 1s ease-out;animation:bounce_effect 1s ease-out}@-webkit-keyframes resize_effect{70%,90%,to{width:0}15%,30%,50%{width:100%}60%{width:25%}80%{width:75%}95%{width:50%}}@keyframes resize_effect{70%,90%,to{width:0}15%,30%,50%{width:100%}60%{width:25%}80%{width:75%}95%{width:50%}}.resize_effect{-webkit-animation:resize_effect 1s ease-out;animation:resize_effect 1s ease-out}@-webkit-keyframes hr_resize_effect{70%,90%,to{width:0}15%,30%,50%{width:100%}60%{width:25%}80%{width:75%}95%{width:50%}}@keyframes hr_resize_effect{70%,90%,to{width:0}15%,30%,50%{width:100%}60%{width:25%}80%{width:75%}95%{width:50%}}hr.hr-50{width:50%;-webkit-animation:hr_resize_effect 2s ease-out;animation:hr_resize_effect 2s ease-out}@-webkit-keyframes opacity_effect{0%{opacity:0}to{opacity:1}}@keyframes opacity_effect{0%,75%{opacity:0}to{opacity:1}}.opacity_effect{-webkit-animation:opacity_effect 1s ease-out;animation:opacity_effect 1s ease-out}@-webkit-keyframes slide_in_from_left{0%{opacity:0;transform:translateX(-25%)}to{transform:translateX(0)}}@keyframes slide_in_from_left{0%,75%{opacity:0;transform:translateX(-25%)}to{transform:translateX(0)}}.slide_in_from_left{-webkit-animation:slide_in_from_left 1s ease-out;animation:slide_in_from_left 1s ease-out}@-webkit-keyframes slide_in_from_right{0%{opacity:0;transform:translateX(25%)}to{transform:translateX(0)}}@keyframes slide_in_from_right{0%,75%{opacity:0;transform:translateX(25%)}to{transform:translateX(0)}}.slide_in_from_right{-webkit-animation:slide_in_from_right 1s ease-out;animation:slide_in_from_right 1s ease-out}