*{box-sizing:border-box}body{background:#ed9;font-size:16px}main{flex-flow:column;align-items:center;gap:35px;display:flex}h1{display:contents}section{background:#fff;border:1px solid #000;width:100%;max-width:800px;padding:25px}h2{color:#fff;text-align:center;background:linear-gradient(90deg,#ff3cac,#784ba0,#2b86c5);height:40px;margin:0 0 40px;font-size:20px;line-height:40px}.logo{border:1px solid #000;width:100%;max-width:800px}p.lead{color:navy;margin:30px 20px;font-weight:700}dl{grid-template-columns:auto auto;justify-content:center;gap:10px;margin:0;display:grid}dt{color:#fff;text-align:center;background:linear-gradient(#2b86c5,#784ba0);border-radius:15px;align-self:center;font-weight:700}dt,dd{margin:0;padding:10px}h4{color:#fff;text-align:center;background:brown;width:140px;margin-left:20px}form{background:#eee;padding:15px}form .fields{grid-template-columns:auto 1fr;gap:20px 10px;display:grid}form .fields>div:nth-child(odd){font-weight:700}form .fields .hint{margin:3px 0;font-size:80%}form .message-only,form .illustration-only{display:none}form.illustration .illustration-only,form.message .message-only{display:block}form.finished{opacity:.5}textarea,input{width:100%;display:block}input[type=text],select{height:30px}textarea{resize:vertical;height:7em}.alert{color:red}.btn{color:#000;background:#dde;border:1px solid gray;padding:10px;text-decoration:none;display:inline-block}.btn:hover{background:#eef}.btn:active{background:#ccd}code{border:1px solid pink;border-radius:5px;padding:3px 6px;font-weight:700}big{font-size:180%}iframe{margin:30px auto;display:block}