html{ margin:8px; padding:0; }
body{ font-family:"Century Gothic",sans-serif; background:lightgray; }
h1{font-size:2em; font-weight:bold; line-height:1.3; }
h1.gallery-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:0 0 20px;
}
h1.gallery-breadcrumb .breadcrumb-home{
  color:black;
  text-decoration:none;
  transition:all 300ms ease;
  padding:10px;
  border:1px black solid;
  width:fit-content;
  border-radius:10px;
  display:inline-block;
  white-space:nowrap;
}
h1.gallery-breadcrumb .breadcrumb-home:hover{
  color:blue;
  border-color:blue;
}
h1.gallery-breadcrumb .breadcrumb-sep,
h1.gallery-breadcrumb .breadcrumb-current{
  padding:0;
  border:none;
  width:auto;
  border-radius:0;
  display:inline;
  white-space:nowrap;
}
a{ color:black; text-decoration:none; transition:all 300ms ease; padding:10px;
   border:1px black solid; width:fit-content; border-radius:10px; }
a:hover{ color:blue; border:blue 1px solid; }
.image-container{ margin:20px; text-align:center; align-items:center; border-radius:10px;
   border:black 2px solid; padding:10px; max-width:200px; padding-bottom:20px; }
.image-container img{ width:200px; height:200px; max-width:200px; max-height:200px; object-fit:contain; }
.image-container img.honickman-gallery-svg{ object-fit:contain; background:#fff; }
.gallery-file-container .gallery-file-icon{
  display:flex; align-items:center; justify-content:center;
  width:200px; height:200px; max-width:200px; max-height:200px;
  margin:0 auto; font-size:1.25rem; font-weight:700;
  background:#fff; border-radius:8px; box-sizing:border-box;
}
.gallery-file-container .gallery-file-video{
  width:200px; max-width:100%; height:auto; max-height:200px;
  display:block; margin:0 auto; border-radius:8px;
}
h3{ white-space:pre-wrap; }