# info below

    flowchart BT
        subgraph two
        b1
        end
        subgraph three
        c1-->c2
        end
        c1 --apa apa apa--> b1
        two --> c2

    sequenceDiagram
       Alice->>Bob:Extremely utterly long line of longness which had previously overflown the actor box as it is much longer than what it should be
       Bob->>Alice: I'm short though

            %%{init: {'securityLevel': 'loose'}}%%
          graph TD
            A[Christmas] -->|Get money| B(Go shopping)
            B --> C{{Let me think...
    Do I want something for work,
    something to spend every free second with,
    or something to get around?}}
            C -->|One| D[Laptop]
            C -->|Two| E[iPhone]
            C -->|Three| F[Car]
            click A "index.html#link-clicked" "link test"
            click B callback "click test"
            classDef someclass fill:#f96;
            class A someclass;
            class C someclass;

          flowchart BT
          subgraph a
            b1 -- ok --> b2
          end
          a -- sert --> c
          c --> d
          b1 --> d
          a --asd123 --> d

    stateDiagram-v2
      state A {
        B1 --> B2: ok
      }
      A --> C: sert
      C --> D
      B1 --> D
      A --> D: asd123

            %%{init: {'theme': 'base', 'themeVariables': { 'primaryColor': '#ff0000'}}}%%
    flowchart LR
      a -->b
      subgraph A
      B
      end
      subgraph B
      b
      end

    flowchart TB
        subgraph A
        b-->B
        a-->c
        end
        subgraph B
          c
        end

    sequenceDiagram
    Alice->Bob: Hello Bob, how are you?
    Note over Alice,Bob: Looks
    Note over Bob,Alice: Looks back