body{background:#08f7db;font-family:sans-serif;font-size:14px}*{margin:0;padding:0;box-sizing:border-box}.login{display:block;position:absolute;left:50vw;top:50vh;transform:translate(-50%, -50%);width:300px;max-width:100%;background:#45c2de;border-radius:0.2em;padding:2em;box-shadow:0px 20px 25px rgba(0, 0, 0, 0.1)}.submit,input{display:block;padding:0.8em;width:100%;margin:0 0 0.5em;border-radius:0.2em;border:none;box-shadow:0px 1px 1px rgba(0, 0, 0, 0.3);transition:all 0.2s}.submit:hover,.submit:active,.submit:focus,input:hover,input:active,input:focus{box-shadow:0px 5px 5px rgba(0, 0, 0, 0.3)}.submit{transition:all 0.1s;background:#9fcdff;cursor:pointer;border-radius:0.2em;height:3em;text-align:center;color:#000;font-weight:bold;-webkit-appearance:none;margin-bottom:0}.submit:hover{transform:translateY(-1px)}.feedback{margin:0 0 1em;padding:0.5em;border:none;border-left-width:4px;border-left-style:solid}.error{background:#fee;border-color:#d00}.success{background:#efe;border-color:#0d0}.tokentable{margin:2em auto;background:#fff;border-collapse:collapse}.tokentable td,.tokentable th{padding:0.5em;border:1px solid}.tokentable td{text-align:left}.button{padding:0.2em 0.8em;margin:0.5em;border-radius:0.2em;border:none;box-shadow:0px 1px 1px rgba(0, 0, 0, 0.3);transition:all 0.1s;background:#9fcdff;cursor:pointer;text-align:center;color:#000;font-weight:bold;-webkit-appearance:none}.button:focus{box-shadow:0px 5px 5px rgba(0, 0, 0, 0.3)}.button:hover{transform:translateY(-1px)}