.card{margin-top:100px;background-color:hsla(0,0%,99.2%,.5);border-radius:20px 0 20px 0;box-shadow:3px 3px 3px #555}.toast-wrapper{position:fixed;width:100%;top:20px;z-index:99}.toast{padding:20px;color:#fff;background:#ff0062;text-align:center;border-radius:10px;box-shadow:1px 3px 5px rgba(0,0,0,.2);max-width:400px;margin:0 auto}#app{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.7)),url(../img/bg.f247785c.png);background-position:50%;background-size:cover;background-repeat:no-repeat;font-family:Nunito,sans-serif;overflow:hidden}.toast-enter-active{-webkit-animation:wobble .5s ease;animation:wobble .5s ease}.toast-leave-from{opacity:1;transform:translateY(0)}.toast-leave-to{opacity:0;transform:translateY(-60px)}.toast-leave-active{transition:all .3s ease}@-webkit-keyframes wobble{0%{transform:translateY(-60px);opacity:0}50%{transform:translateY(0);opacity:1}60%{transform:translateX(8px)}70%{transform:translateX(-8px)}80%{transform:translateX(4px)}90%{transform:translateX(-4px)}to{transform:translateX(0)}}@keyframes wobble{0%{transform:translateY(-60px);opacity:0}50%{transform:translateY(0);opacity:1}60%{transform:translateX(8px)}70%{transform:translateX(-8px)}80%{transform:translateX(4px)}90%{transform:translateX(-4px)}to{transform:translateX(0)}}