@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;900&display=swap");body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}main{padding:5rem 0;flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center}code{background:#fafafa;border-radius:5px;padding:.75rem;font-family:Menlo,Monaco,Lucida Console,Courier New,monospace}.container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}@-webkit-keyframes visualAnimation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes visualAnimation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes shakeContainer{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shakeContainer{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.visual{-webkit-animation-delay:.3s;animation-delay:.3s}.text,.visual{-webkit-animation-name:visualAnimation;animation-name:visualAnimation}.button,.text,.visual{-webkit-animation-duration:1s;animation-duration:1s}.button{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-delay:2s;animation-delay:2s}.shakeContainer{opacity:0;width:100%;-webkit-animation-name:shakeContainer;animation-name:shakeContainer;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}