body { font-family: Calibri,sans-serif; margin:20px; }
form { max-width:700px; margin:auto; }
label { font-weight:bold; margin-top:20px; display:block; }
.info { color:#555; font-size:14px; margin-left:20px; }
textarea { width:100%; min-height:120px; }

.nav { text-align:center; margin-bottom:25px; }
.nav a,.btn-secondary {
  margin:0 6px; padding:10px 16px; border-radius:4px;
  text-decoration:none; color:white; border:none; cursor:pointer;
}
.nav a { background:#2196F3; }
.btn-primary { background:#4CAF50; color:white; padding:10px 22px; border:none; }
.btn-secondary { background:#f44336; }

.copy-notice {
  background:#e8f5e9; color:#2e7d32;
  padding:10px; text-align:center; margin:10px auto; max-width:700px;
}

pre { background:#f0f0f0; padding:15px; white-space:pre-wrap; }

h1, h2 { text-align: center; }