@charset "UTF-8";
body {
  background: #333230;
  color: whitesmoke; }

a {
  color: inherit; }

nav {
  text-align: center; }

main {
  width: 100%; }
  main.gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    main.gallery > a {
      display: contents;
      text-decoration: inherit; }
  main figure {
    background: snow;
    color: black;
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    box-shadow: 0.2in 0.2in 0.3in black; }
    main figure > picture {
      display: contents; }
      main figure > picture > img {
        max-width: 100%; }
    main figure.maxi {
      padding: 5%; }
    main figure.mini {
      width: 2.1in;
      height: 3.4in; }
      @media (prefers-reduced-motion: no-preference) {
        main figure.mini:hover {
          transform: scale(1.5) rotate3d(var(--rnd-x), var(--rnd-y), var(--rnd-z), var(--rnd-deg)); } }
      main figure.mini.horizontal {
        width: 3.4in;
        height: 2.1in;
        flex-direction: row; }
        main figure.mini.horizontal > picture > img {
          width: 2.4in;
          height: 1.8in; }
        main figure.mini.horizontal > figcaption {
          writing-mode: sideways-lr;
          padding: 0.15in 0; }
      main figure.mini > picture > img {
        width: 1.8in;
        height: 2.4in;
        padding: 0.15in; }
      main figure.mini > figcaption {
        max-width: 100%;
        max-height: 100%;
        padding: 0 0.15in;
        font-family: fantasy; }

ul.inline li {
  list-style: none;
  display: inline-block; }
  ul.inline li::before {
    content: "◍";
    padding: 1em; }
  ul.inline li:first-of-type::before {
    content: "";
    padding: 0; }