.h {
      display: flex;
    }

    .hb {
      display: flex;
      justify-content: space-between;
    }

    .hc {
      display: flex;
      justify-content: center;
    }

    .hr {
      display: flex;
      justify-content: flex-end;
    }

    .hrc {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }

    .hbc {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .hdb {
      display: flex;
      justify-content: flex-end;
      align-items: space-between;
    }

    .hl {
      display: flex;
      justify-content: flex-start;
    }

    .hlc {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }

    .hld {
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
    }

    .hcc {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .hcd {
      display: flex;
      justify-content: center;
      align-items: flex-end;
    }

    .hcb {
      display: flex;
      justify-content: center;
      align-items: space-between;
    }

    .hac {
      display: flex;
      justify-content: space-around;
      align-items: center;
    }

    .hlu {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .hbd {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
    }

    .v {
      display: flex;
      flex-direction: column;
    }

    .vc {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .vcc {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .vcd {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
    }

    .vlc {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
    }

    .vlb {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
    }

    .vld {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
    }

    .vr {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
    }

    .vrc {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: center;
    }

    .vb {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .vbc {
      display: flex;
      flex-direction: column;
      align-items: space-between;
      justify-content: center;
    }

    .vbb {
      display: flex;
      flex-direction: column;
      align-items: space-between;
      justify-content: space-between;
    }

    .vca {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
    }

    .mh{
      height: 100%;
    }
    
    .mw{      
      width:100%;
    }