/*
 * Self-added css code
 */

/*
@font-face {
    font-family: P052;
    src: url("p052-roman.otf").format("opentype");
}
* {
    font-family: P052 !important;
}
*/

header {
    width: 100%;
}

/* Collabsible css */
.collapsible {
  cursor: pointer;
  width: 100%;
  /*
  background-color: #777;
  color: white;
  padding: 18px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  */
}

.collapsible.active, .collapsible:hover {
  /*
  background-color: #555;
  */
  font-weight: bold;
}

.collapsible:after {
  content: '\002B';
  float: right;
  /*
  color: white;
  font-weight: bold;
  margin-left: 5px;
  */
}

.collapsible.active:after {
  content: "\2212";
}

.collapsible-content {
  max-height: 0;
  overflow-y: hidden;
  /*
  transition: max-height 0.2s ease-out;
  padding: 0 18px;
  background-color: #f1f1f1;
  */
}


/* other */
img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
figure {
    display: inline-block;
}
figcaption {
    display: inherit;
}
.inline-img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.half-inline-img {
    margin: auto;
    max-width: 49%;
    max-height: 49%;
    @media (max-width: 750px) {
        max-width: 100%;
        max-height: 100%;
    }
}

div.even {
    box-shadow: 0 0 0 100vmax #ccc;
    clip-path: inset(0 -100vmax);
    color: #333;
    background-color: #ccc;
    a {
        color: #555;
    }
}

div.even, div.odd {
    padding-top: 10px;
    padding-bottom: 10px;
}