/* basiic @ https://cinni.net/?z=/font */
@font-face {
  font-family: "basiic";
  src: url("../fonts/basiic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Nintendo DS BIOS @ https://fontmeme.com/fonts/nintendo-ds-bios-font/ */
@font-face {
  font-family: "nintendo-ds";
  src: url("../fonts/nin-ds/nintendo-ds-bios.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* visitor @ https://www.dafont.com/visitor.font/ */
@font-face {
  font-family: "visitor";
  src: url("../fonts/visitor1.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*====== CUSTOM CURSOR ======*/
html {
  cursor: url(../images/cursor-eyeblack-1.png), auto !important;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #eeea1b #6fb143;
}
/*custom cursor hover*/
a:hover,
img:hover {
  cursor: url(../images/cursor-eyered-1.png), pointer !important;
}
/*============*/

body {
  padding-top: 20px;
  text-align: center;
  padding-right: 10px;
}

#gall-title {
  font-family: "visitor";
  font-size: 48px;
}

#gall-title span {
  filter: drop-shadow(0px 2px 1px #3a9920);
}

#preface {
  font-family: "basiic", "Courier New", Courier, monospace;
}

.year {
  font-family: "visitor";
  font-size: 32px;
  margin-top: 20px;
}

.year-container {
  max-width: 700px;
}

figure {
  display: inline-grid !important;
}

img {
  cursor: default;
}

figure > a {
  height: 100px;
}

a > img {
  width: 100px;
  margin: 0px 2px 2px 0px;
  filter: grayscale(40%) hue-rotate(30deg);
}

.sketch {
  filter: sepia(20%) hue-rotate(40deg) invert(14%);
}

a > img:hover,
.sketch:hover {
  filter: initial;
}
a {
  text-decoration: none;
}

details {
  max-width: 100px;
}

details > summary {
  list-style-type: "";
  text-align: center;
  margin: 4px 0px 6px 0px;
}

summary:hover {
  font-size: large;
  margin: 3px 0px 5px 0px;
  filter: drop-shadow(0px 2px 1px #6fb143);
}

summary span {
  visibility: hidden;
  color: #3a9920;
  font-size: medium;
  font-weight: bold;
}

summary:hover span {
  visibility: visible;
}

/* details[open] > summary {
  list-style-type: "🗒";
} */

details p {
  font-size: 18px;
  font-family: "nintendo-ds";
  text-align: center;
  color: #2b5720;
  padding: 4px;
  border: 2px solid #6fb143;
  border-radius: 5px;
  background-color: #ececec;
  margin-bottom: 4px;
}