form{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffffe6;padding:2rem;border-radius:.5rem;min-width:275px}form input{height:1.3rem;width:90%;text-align:center}form input:focus::placeholder{color:transparent}form fieldset,form button[type=submit]{margin:0 0 1rem}form fieldset{width:100%}form legend{text-align:center}form button{border:none;border-radius:.25rem;padding:.5rem .75rem;cursor:pointer;margin-bottom:1rem}form button[type=button]{background-color:#6db3f2;color:#fff}form button[type=submit]{background-color:#ff000d;color:#fff}form a{text-decoration:none;color:#555;padding:.5rem}form a:hover{color:#000}body{background-color:#000;min-height:100vh;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}div[class~=flash-message]{padding:1rem;border-radius:.5rem;max-width:300px;font-weight:700;box-shadow:#00000026 2px 2px 3px;color:#fff;opacity:0;animation:fadeIn .2s ease-out forwards;cursor:grab;margin-bottom:1rem;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}div[class~=disappear]{animation:fadeOut .2s ease-in forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}div[class~=success]{background-color:#4caf50}div[class~=error]{background-color:#f44336}
