body{display:flex;flex-direction:column;justify-content:center;height:100vh;margin:0;padding:0 5vw;background-color:#eef1f3}.error{visibility:hidden;opacity:0;margin:0 auto;color:#e16057;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}.secret{display:block;width:20rem;max-width:calc(100% - 30px);margin:2rem auto;padding:15px;border:none;background-color:#dcdfe1;text-overflow:ellipsis;font-family:"Lucida Console",Monaco,Courier,monospace;color:#333333;border-radius:3px}.token{display:block;margin:0 auto;color:#75b800;font-family:"Lucida Console",Monaco,Courier,monospace;font-size:4rem}.generate{display:block;width:10rem;max-width:100%;margin:2rem auto;padding:15px;border:none;background-color:#dcdfe1;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:1rem;border-radius:3px}.qrcode{width:50vw;max-width:300px;margin:0 auto}