/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* coc_npc/style.css */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* npc sheet */

  div.npc_sheet {
    padding: 2ex 2em;
  }
  div.npc_sheet h2 {
    margin: 1ex auto !important;
    text-align: center;
    font-size: 200%;
  }
  div.npc_sheet div.section {
    border-bottom: 3px double black;
  }
  div.npc_sheet div.image {
    padding: 2ex 2em;
  }
  div.npc_sheet img {
    transform: rotate(2deg);
    filter: drop-shadow(4px 4px 4px black);
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* gaslight */

  div.npc_sheet.gaslight {
    background: url('https://khazad-cdn.com/mines/ee1a88010fbc490b3ab2bda122d44aac-3da073a375bdbe8b6503a7fe51497b39.webp');
    background-size: cover;
  }
  div.npc_sheet.gaslight h2 {
    font-family: 'Amarante', 'Asul', sans-serif;
  }
  div.npc_sheet.gaslight img {
    filter: sepia(100%) saturate(33%) drop-shadow(4px 4px 4px black);
  }
  div.npc_sheet.gaslight div.key {
    font-family: 'Amarante', 'Asul', sans-serif;
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* jazz */

  div.npc_sheet.jazz {
    background: url('https://khazad-cdn.com/mines/ee1a88010fbc490b3ab2bda122d44aac-3da073a375bdbe8b6503a7fe51497b39.webp');
    background-size: cover;
  }
  div.npc_sheet.jazz h2 {
    font-family: 'Limelight', 'Asul', sans-serif;
  }
  div.npc_sheet.jazz img {
    filter: sepia(100%) saturate(33%) drop-shadow(4px 4px 4px black);
  }
  div.npc_sheet.jazz div.key {
    font-family: 'Limelight', 'Asul', sans-serif;
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* modern */

  div.npc_sheet.modern {
    background: url('https://khazad-cdn.com/mines/64dfc2e11af1d51cb0f9e7204b0196a7-72cddbfa48a39af23d82b5dad3e65e11.webp');
    background-size: cover;
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* media */

  @media screen {
    .print_only { display: none; }
  }
  @media print {        
    .layout_header { display: none; }
    .layout_footer { display: none; }
    .screen_only { display: none; }
    .print_only { display: block; }
  }   

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */