styles.css

html, body {width: 100%;height: 100%;padding: 0;margin: 0;}html, body, input, * {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, " Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-sizing: border-box;}body {position: relative;background: #100e10;color: #fff;}h1 {font-weight: bold;font-weight: 800;margin-bottom: 0;}a, a:visited {color: #11bcb9 }.box {width: 180px;height: 180px;display: flex;align-items: center;justify-content: center;background: #bcb948;position: absolute;}.form-wrapper {text-align: center;display: flex;flex-direction: column;max-width: 460px;width: 100%;margin: 64px auto;padding: 64px 32px 32px 32px;justify-content: center;align-items: center;border-radius: 36px;border: 2px solid #404040;}.form-wrapper input[type="text"] {font-size: 19px;display: block;padding: 16px;border: 1px solid #404040;border-radius: 4px;width: 100%;display: block;text-align: center;}.form-wrapper input[type="submit"], button, .view-button {background: #11bcb9;padding: 16px;margin: 32px 0 0 0;color: #222;border: 0;border-radius: 4px;font-size: 16px;width: 100%;display: flex;align-items: center;justify-content: center;-webkit-appearance: none;-moz-appearance: none;appearance: none;}.copy-button {background: transparent;color: #11bcb9;}.view-button, .copy-button {margin: 0;}.form-success {display: flex;flex-direction: column;}.form-success p {margin: 16px 0;}.form-well {margin: 16px 0;}.form-well, .form-success {width: 100%;}button svg {width: 1rem;height: 1rem;margin-right: 8px;color: currentColor;}.logo {width: 200px;height: auto;}hr {width: 100%;background: #555;height: 1px;border: 0;margin: 16px 0;}label {margin-bottom: 8px;display: block;color: #999;}.text-faint {font-size: .9rem;color: #999;margin: 0;}@media screen and (max-width: 500px) {body {padding: 0;}.form-wrapper {margin: 0 auto 64px auto;border: 0;background: transparent;}}.form-error {color:red;font-style:italic;margin:8px 0 0 0}