body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%}body{background:#d9d1fd}.input-box,.input-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.input-box,.input-box input[type=text]{border-radius:80px}.input-wrapper{height:100vh;margin:0 auto;max-width:100%;position:relative}.input-box{background:#2914fb;box-shadow:0 10px 28px 0 #8f79f9;height:120px;justify-content:flex-end;max-width:350px;overflow:hidden;padding:5px 50px;position:relative;-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}.input-box input[type=text]{background:#8f79f9;border:none;color:#0a0620;font-family:Abel,sans-serif;font-size:28px;height:50px;line-height:70px;outline:none;padding:15px;-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);-webkit-transform-origin:left center;transform-origin:left center;width:70%}.display-div{background:#f2f2f2;height:100%;left:0;position:absolute;top:100%;width:100%}.display-div p{opacity:0}.display-div.comeup{align-items:center;display:flex;justify-content:center}.display-div.comeup p{color:#000;font-family:Lobster,cursive;opacity:1;padding:30px}.add-icon{cursor:pointer;height:50px;left:50px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50px}.add-icon>div{position:realtive}.add-icon>div:after,.add-icon>div:before{background:#fff;content:"";position:absolute}.add-icon>div:after{height:1px;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.add-icon>div:before{height:100%;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1px}.comeup{-webkit-animation:comeup .2s ease-out .9s forwards;animation:comeup .2s ease-out .9s forwards}.go{-webkit-animation:go .5s ease-out .5s forwards;animation:go .5s ease-out .5s forwards}.shake{-webkit-animation:shake .5s ease-out .6s forwards;animation:shake .5s ease-out .6s forwards}@-webkit-keyframes comeup{80%{top:40%}to{top:0}}@keyframes comeup{80%{top:40%}to{top:0}}@-webkit-keyframes go{80%{-webkit-transform:translateY(-90%) rotate(-90deg);transform:translateY(-90%) rotate(-90deg)}to{-webkit-transform:translateY(-100%) rotate(-90deg);transform:translateY(-100%) rotate(-90deg);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes go{80%{-webkit-transform:translateY(-90%) rotate(-90deg);transform:translateY(-90%) rotate(-90deg)}to{-webkit-transform:translateY(-100%) rotate(-90deg);transform:translateY(-100%) rotate(-90deg);-webkit-transform-origin:left center;transform-origin:left center}}@-webkit-keyframes shake{60%{-webkit-transform:translateY(0) rotate(-5deg);transform:translateY(0) rotate(-5deg)}to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes shake{60%{-webkit-transform:translateY(0) rotate(-5deg);transform:translateY(0) rotate(-5deg)}to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);-webkit-transform-origin:left center;transform-origin:left center}}
/*# sourceMappingURL=main.7e5f111e.css.map*/