diff --git a/css/styles.css b/css/styles.css index 143e902..eb48f4d 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1,7 +1,54 @@ body { - margin: 20px; + font-family: "Source Sans Pro", "Helvetica Neue", Arial, Helvetica, sans-serif; + line-height: 1.42857143; + color: #333; } -textarea { - margin-bottom: 10px; +#form-header { + margin-bottom: 20px; +} + +#output { + margin-top: 20px; +} + +.usa-textarea, +#json-result { + display: block; + width: 100%; + height: auto; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #555; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 4px; + box-shadow: inset 0 1px 1px rgba(0,0,0,.075); + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} + +.usa-button { + display: inline-block; + margin-bottom: 0; + font-weight: 400; + text-align: center; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + border: 1px solid transparent; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + border-radius: 4px; + user-select: none; +} + +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: 600; } \ No newline at end of file diff --git a/index.html b/index.html index ed04630..8dbc61c 100644 --- a/index.html +++ b/index.html @@ -1,25 +1,25 @@ - + + + - - - - - - - - - - - + + + + + + + + + + + - - + - @@ -52,11 +52,11 @@
-
+
- - - + + +