#app{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-display:flex;-webkit-justify-content:center;-webkit-align-items:center;width:100%}.slide-enter-active{animation:slide-in .3s ease-out forwards;-webkit-animation:slide-in .3s ease-out forwards}.slide-leave-active{animation:slide-out .3s ease-out forwards;-webkit-animation:slide-out .3s ease-out forwards}@keyframes slide-in{0%{transform:translateX(200px);-webkit-transform:translateX(200px);opacity:0}to{transform:translateX(0);-webkit-transform:translateX(0);opacity:1}}@keyframes slide-out{0%{transform:translateX(0);-webkit-transform:translateX(0);opacity:1}to{transform:translateX(-200px);-webkit-transform:translateX(-200px);opacity:0}}*{box-sizing:border-box;font-family:Rubik,sans-serif}body,html{padding:0;margin:0}#app,body,html{height:100%}.container{height:100%;background-color:#f9fafc;position:relative}.body-container,.container{display:flex;flex-direction:column;align-items:center;-webkit-display:flex;-webkit-align-items:center;width:100%}.orange-gradient{background:linear-gradient(135deg,#ff792c,#ff2e72)}.green-gradient{background:linear-gradient(135deg,#70be00,#38b575)}.scrollable{overflow-y:auto}@media screen and (min-width:1000px){#app{overflow:auto}}