:root{--text-color: #444;--text-color-inv: white;--light-border: #cccccc;--bg: #d3fcff;--button-bg: #00b4c1;--button-hover: #02d4e3;--button-disabled: #cccccc}body{font-family:Arial,Helvetica,sans-serif;background-color:var(--bg);margin:0 auto;max-width:800px;line-height:1.5;font-size:17px;color:var(--text-color);display:flex;align-items:center;min-height:100vh}#root{margin:10px 7px;width:100%}button{border:none;cursor:pointer;background-color:var(--button-bg);color:var(--text-color-inv);border-radius:5px;padding:12px 30px;margin:10px 5px;font-size:17px;transition-duration:.3s}button:hover{background-color:var(--button-hover)}button:disabled{background-color:var(--button-disabled);cursor:auto}a{color:var(--button-bg);text-decoration:none}a:hover{color:var(--button-hover);text-decoration:underline}form{width:100%}input[type=text]{width:100%;padding:12px 6px;margin:8px;font-size:17px;box-sizing:border-box;border-radius:5px;border:2px solid var(--light-border)}textarea{width:100%;padding:12px 6px;font-size:17px;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;border-radius:5px;border:2px solid var(--light-border);resize:vertical}.app{background-color:#fff;padding:15px;border-radius:0;border:1px solid var(--light-border);box-shadow:0 4px 8px #0003}.centered{display:flex;flex-direction:column;align-items:center}