docs: String createCssContentString() {
          StringBuilder css = new StringBuilder();
          css.append("<style>\n");
  
          // html, body
          css.append("html, body {");
          css.append("margin: 0;");
          css.append("}\n");
          // body
          css.append("body {");
          css.append("background-color: #152935;");
          css.append("font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;");
          css.append("}\n");
          // .container
          css.append("." + HTML_CLASS_CONTAINER + " {");
          css.append("display: flex;");
          css.append("min-height: 100vh;");
          css.append("}\n");
          // .side
          css.append("." + HTML_CLASS_SIDE + " {");
          css.append("max-width: 33%;");
          css.append("flex: 1;");
          css.append("display: flex;");
          css.append("}\n");
          // .main
          css.append("." + HTML_CLASS_MAIN_CONTENT + " {");
          css.append("background-color: white;");
          css.append("min-width: 300px;");
          css.append("max-width: 40%;");
          css.append("padding: 0px 20px;");
          css.append("}\n");
          // .social_media
          css.append("." + HTML_CLASS_SOCIAL_MEDIA + " {");
          css.append("padding-top: 50px;");
          css.append("}\n");
          // header
          css.append("header {");
          css.append("color: #152935;");
          css.append("font-size: 1.2em;");
          css.append("font-weight: bold;");
          css.append("text-align: center;");
          css.append("padding-bottom: 10px;");
          css.append("}\n");
          // .buttons
          css.append("." + HTML_CLASS_BUTTONS + " {");
          css.append("display: flex;");
          css.append("flex-flow: row wrap;");
          css.append("justify-content: center;");
          css.append("text-align: center;");
          css.append("}\n");
          // fieldset
          css.append(HTML_CLASS_FIELDSET + " {");
          css.append("border: 0;");
          css.append("padding: 0;");
          css.append("}\n");
          // legend
          css.append(HTML_CLASS_LEGEND + " {");
          css.append("color: #152935;");
          css.append("padding-bottom: 10px;");
          css.append("}\n");
          // .button
          css.append("." + HTML_CLASS_BUTTON + " {");
          css.append("background-color: white;");
          css.append("border: 2px solid #2A4E7B;");
          css.append("cursor: pointer;");
          css.append("font-weight: 200;");
          css.append("font-size: 0.9em;");
          css.append("padding: 10px 30px;");
          css.append("text-align: center;");
          css.append("}\n");
          // .button:hover, .button:focus
          css.append("." + HTML_CLASS_BUTTON + ":hover, ." + HTML_CLASS_BUTTON + ":focus {");
          css.append("background-color: #4178BE;");
          css.append("color: white;");
          css.append("}\n");
          // .medium
          css.append("." + HTML_CLASS_MEDIUM + " {");
          css.append("margin: 10px;");
          css.append("width: 250px;");
          css.append("}\n");
          // .mid_section
          css.append("." + HTML_CLASS_MID_SECTION + " {");
          css.append("padding: 30px 0px;");
          css.append("text-align: center");
          css.append("}\n");
          // .or
          css.append("." + HTML_CLASS_OR + " {");
          css.append("overflow: hidden;");
          css.append("text-align: center;");
          css.append("}\n");
          // .or:before, .or:after
          css.append("." + HTML_CLASS_OR + ":before, ." + HTML_CLASS_OR + ":after {");
          css.append("background-color: #C0C0C0;");
          css.append("content: \"\";");
          css.append("display: inline-block;");
          css.append("height: 1px;");
          css.append("position: relative;");
          css.append("vertical-align: middle;");
          css.append("width: 47%;");
          css.append("}\n");
          // .or:before
          css.append("." + HTML_CLASS_OR + ":before {");
          css.append("right: 0.5em;");
          css.append("margin-left: -40%;");
          css.append("}\n");
          // .or:after
          css.append("." + HTML_CLASS_OR + ":after {");
          css.append("left: 0.5em;");
          css.append("margin-right: -40%;");
          css.append("}\n");
          // .credentials .inputs
          css.append("." + HTML_CLASS_CREDENTIALS + " ." + HTML_CLASS_CRED_INPUTS + " {");
          css.append("padding: 0px 20px;");
          css.append("}\n");
          // label
          css.append(HTML_CLASS_LABEL + " {");
          css.append("font-size: 0.8em;");
          css.append("color: #777;");
          css.append("}\n");
          // .cred_input
          css.append("." + HTML_CLASS_CRED_INPUT + " {");
          css.append("box-sizing: border-box;");
          css.append("margin-bottom: 15px;");
          css.append("padding: 10px;");
          css.append("max-width: none;");
          css.append("width: 100%;");
          css.append("}\n");
          // .submit
          css.append("." + HTML_CLASS_SUBMIT + " {");
          css.append("width: 100%;");
          css.append("}\n");
  
          css.append("</style>\n");
          return css.toString();
      }