html {
  body {
    h1 {
      button.show-edit {
        position: absolute;
        right: 1em;
      }
    }

    button.generate {
      width: 10em;
    }

    input.auth-link {
      width: calc(80% - 10em);
    }

    form ul,
    ul.links {
      display: block;
      margin: 1em 3em 2em;
      padding: 0;

      li {
        display: block;
        max-width: unset;
      }
    }

    section {
      &.hidden {
        display: none;
      }

      .bio {
        border: 1px solid grey;
        border-radius: 0.5em;
        background: white;
        padding: 1em;
        margin: 1em;
      }

      form {
        fieldset {
          border: none;
          padding: 0;
          margin: 0;

          textarea {
            --m: 2em;
            width: calc(100% - 2 * var(--m));
            height: 10em;
            margin: var(--m);
            resize: vertical;
          }

          ul {
            li {
              position: relative;

              input[type="url"] {
                width: 30em;
                max-width: 80%;
              }

              input[value="remove"] {
                position: absolute;
                right: 1em;
              }
            }
          }
        }
      }
    }
  }
}
