*{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}body{background-color:#fff;color:#333}h2{font-weight:100}a{background-color:#3fa03f;color:#fff;text-decoration:none;padding:20px}input{background-color:#ddd}@media (prefers-color-scheme: dark){body{background-color:#161616;color:#c5c5c5}a{color:#fff;background:none;color:#3fa03f}a:hover{background-color:#3fa03f}input{background:rgba(255,255,255,.1);color:#c2c2c2}header{background-color:#1b1b1b}}header{display:flex;justify-content:space-evenly;align-items:center;padding:20px;margin-bottom:10px}img{width:75px}main{display:flex;flex-direction:column;justify-content:center;align-items:center}.input{display:flex;flex-direction:column;align-items:center;justify-content:center}label{display:flex;flex-direction:column;justify-content:space-between}button{margin:20px;padding:10px;background-color:#3fa03f;color:#fff;border:none}input{border:none;font-size:24px;outline:none}h2{margin:10px;padding:10px;overflow-wrap:break-word;max-width:75%}.message{display:flex;flex-direction:column;align-items:center}