/* flexbox container */

      .flexcont {
        display: flex;
        flex-direction: row;
        margin-bottom: 2em;
        gap: 5px;
        align-items: top;}

  @media (max-width: 800px) {
        .flexcont {
        flex-direction: column-reverse;}
      }

    /* box including all data */
    .flexboxs {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin: auto;
        flex:1;
 
        }
        
        /*just for text*/
    .flexboxs_t {
        flex:0.75;}

  @media (max-width: 800px) {
    .flexboxs_t {
        margin: auto;
        text-align: center;} 
      }

    /* comic art */
      .flexcmc img{
        max-width: 550px;}

    @media (max-width: 800px){
      .flexcmc img{
        width: 100%;}
    }

    /* all text */
      .flextxt {
        flex-basis: 1;
        margin: 1em;
        max-width: 250px;
        margin-bottom: 2em;}
    /* only title text */
      .flextxt_t {
        font-weight:bold;}
    /* only page count/completion status*/
      .flextxt_p {
        font-size: 0.8em;}
        
      h2 {
        font-family:NeosSansRegular;
        font-weight:normal;
        flex-wrap: wrap}