*{margin:0;padding:0;box-sizing:border-box}body,html{background:linear-gradient(90deg,#69b7eb,#b3dbd3,#f4d6db);font-size:1.1rem;font-family:"Quicksand",sans-serif;height:100%}.animate-left{-webkit-animation:leftwards 2s ease-in-out;animation:leftwards 2s ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@-webkit-keyframes leftwards{0%{transform:translateX(100%)}50%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes leftwards{0%{transform:translateX(100%)}50%{transform:translateX(-100%)}to{transform:translateX(0)}}.animate-right{-webkit-animation:rightwards 2s ease-in-out;animation:rightwards 2s ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@-webkit-keyframes rightwards{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes rightwards{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-up{-webkit-animation:upward 2s ease-in-out;animation:upward 2s ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@-webkit-keyframes upward{0%{transform:translateY(100%)}50%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes upward{0%{transform:translateY(100%)}50%{transform:translateY(-100%)}to{transform:translateY(0)}}.animate-down{-webkit-animation:downward 2s ease-in-out;animation:downward 2s ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@-webkit-keyframes downward{0%{transform:translateY(-100%)}50%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes downward{0%{transform:translateY(-100%)}50%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-size{-webkit-animation:size 2s ease-in-out;animation:size 2s ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@-webkit-keyframes size{0%{transform:scale(0)}50%{transform:scale(2)}to{transform:scale(1)}}@keyframes size{0%{transform:scale(0)}50%{transform:scale(2)}to{transform:scale(1)}}.container{height:100vh;width:100%;display:flex;justify-content:center}.message{display:inline-block;margin-top:100px;align-self:flex-start;color:rgba(0,0,0,.6);background-color:hsla(0,0%,88.2%,.9);border-radius:6px;padding:10px 20px;font-weight:100;font-size:15px;font-family:"Times New Roman",Times,serif}@media screen and (max-width:576px){.message{padding:8px 16px;font-size:12px}}
/*# sourceMappingURL=main.715e3929.chunk.css.map */