@import "https://use.typekit.net/pvz6fgu.css";
*{box-sizing:border-box;margin:0;padding:0}body{background:#f9f8f6;height:100vh;font-family:open-sans,sans-serif;overflow-x:hidden}.App{flex-direction:column;align-items:center;width:100vw;height:auto;display:flex}.step-title{text-align:center;margin:0 0 1rem;font-size:2rem}.eraseAllData{z-index:10;position:absolute;bottom:8px;left:8px}.eraseAllData:hover{animation:.8s cubic-bezier(.455,.03,.515,.955) both shake-vertical}@keyframes bounce-top{0%{opacity:1;animation-timing-function:ease-in;transform:translateY(-45px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateY(-24px)}65%{animation-timing-function:ease-in;transform:translateY(-12px)}82%{animation-timing-function:ease-in;transform:translateY(-6px)}93%{animation-timing-function:ease-in;transform:translateY(-4px)}25%,55%,75%,87%{animation-timing-function:ease-out;transform:translateY(0)}to{opacity:1;animation-timing-function:ease-out;transform:translateY(0)}}@keyframes shake-vertical{0%,to{transform:translateY(0)}10%,30%,50%,70%{transform:translateY(-8px)}20%,40%,60%{transform:translateY(8px)}80%{transform:translateY(6.4px)}90%{transform:translateY(-6.4px)}}@keyframes shake-vertical-heavy{0%,to{transform:translateY(0)}10%,30%,50%,70%{transform:translateY(-80px)}20%,40%,60%{transform:translateY(80px)}80%{transform:translateY(64px)}90%{transform:translateY(-64px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:1200px){.errorMessageRed{font-size:18px}}