/* Really good ✨🤍😉 CSS document, probably even Swag 🤩, as they say /ref */
/* alright I'll leave */

    * {
        color: #e0e0e0;
        font-family: "EB Garamond", serif;
        letter-spacing: 2%;
        box-sizing: inherit;
        line-height: 1.5;
    }
    ::selection {
        background-color: #075A5D80;
        color: white;
    }
      html {
        height: 100%;
        box-sizing: border-box;
    }
      body {
        background-image: url(kseniya-lapteva-AKk5wFIyzpE-unsplash.jpg);
        background-color: #003034;
        margin: 0 25%;
        Height: 100%;
    }   
      .wrapper {
        min-height: 100%;
        border-left: black 10px solid;
        border-right: black 10px solid;
        padding: 5%;
        background-color: hsla(0, 0%, 0%, 0.35);
        display: grid;
        grid-template-rows: auto 1fr auto;
    }
      footer {
        font-size: small;
        font-style: italic;
        text-align: center;
    }
      h1, h2, h3, h4 {
        font-variant: small-caps;
        font-weight: 500;
    }
      h1::after {
        content: url("fleuron2.svg");
        margin-left: 9.3px;
        filter: brightness(0) saturate(100%) invert(29%) sepia(21%) saturate(3114%) hue-rotate(144deg) brightness(104%) contrast(93%);
    }
    summary::marker, li::marker {
        color: #097377;
    }
      li::marker {
        content: "❧  ";
        font-size: 20px;
    }
      a {
        text-decoration: underline dotted 1px;
    }

      /* Summary and details */
      summary {
        font-style: italic;
        border-bottom: #097377 solid 1px;
        margin-bottom: 1%;
        padding-bottom: 1%;
        cursor: pointer;
    }
      details {
        padding: 1% 0;
    }
      /* -------- */


      /* For narrower screens */

      @media (max-width: 1000px) {

        body {
        margin: 0 15%;
      }

    }
    @media (max-width: 550px) {

        body {
        margin: 0 1%;
      }
    }

/* Keyframes */

/* ----------------------------------------------
 * Generated by Animista on 2026-9-28 19:32:34
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fade-in {
	animation: fade-in 650ms cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}