@import url(https://fonts.googleapis.com/css?family=Bangers&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap);button.big{font-size:2rem;padding:.8rem 3rem;border:1px solid #000}body{margin:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(4%,#0a7fff),to(#1b1464));background:linear-gradient(180deg,#0a7fff 4%,#1b1464 100%);background-size:cover;font-family:"Roboto Mono",monospace;background-attachment:fixed;color:#fff}input.big{background:#ccc!important;border:1px solid #000;font-size:2rem;padding:.8rem;margin-right:.4rem;margin-bottom:.4rem}.text-center{text-align:center}.vertical-middle{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100vw;height:100vh}.wrong{color:#c00}.shake{-webkit-animation:1s shake;animation:1s shake}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}