/* to be customized to make your own interface */

@font-face {
  font-family: test;
  src: url('/pb/fonts/font.otf');
}

html, body{
    margin:0;
    padding:0;
    font-size:4pt;
  }
  
  #listing{
    font-size:2.8rem;
    line-height:3rem;
    padding-bottom:10rem;
    display:flex;

  }
  

  li.peer{
    flex:0 0 20%;
  }

  p{
    margin:0;
  }
  
  .item__thumbnail img{
    width:100%;
  }
  /*
  hide download button if current instance has already this directory
  note that keeping this button visible could be interesting as it could allow merging the content of two dir when it differs
  */
  .item__download:has(.btn__download[data-local="true"]){
    display:none;
  }
  /*
  our little logger
  */
  #logger{
    padding:1rem;
    box-sizing:border-box;
    position:fixed;
    bottom:0;
    width:100%;
    font-size:2.8rem;
    line-height:3rem;
    height:11rem;
    font-family:monospace;
    background:#333;
    overflow:auto;
    color:white;
  }
  .logline.error{
    color:red;
  }



  .mon-menu{
    position:fixed;
    top:10px;
    left:10px;
    width:100px;
    
    border:1px solid red;
    background:white;
    font-size:3rem;
  }

  .mon-menu a{
    display:block;
  }