/*-- text selection --*/
        .update-logs ::selection,
        .update-logs ::-moz-selection,
        .update-logs i::selection,
        .update-logs i ::-moz-selection {
            background: #a598eb;
            color: #ffffff;
        }

        h1 {
            margin: 0;
            padding: 0;
        }
        
        h2 {
          margin-top:0;
          font-size: 28px;
          font-family: "Jersey 10", sans-serif;
          color:var(--inner);
        }
        
        .update-container h3, h4, h5, h6 {
          margin-top:-3px;
          font-size: 28px;
          font-family: "Jersey 10", sans-serif;
          color:var(--header);
        }

       .update-container p {
            text-align:left;
            padding: 2%;
            font-size: 24px;
        }
        
        .update-container a {
            color: var(--p-link);
            text-decoration:underline 2px var(--header);
        }
        
        .update-container a:hover {
            color: var(--link-hover);
            text-decoration-color:var(--accent);
        }
        
        .update-container ol li {
  text-align:left;
  text-transform:none;
  color: var(--font) !important;
  font-family: "Jersey 10", sans-serif;
  font-size:24px;
  }

         .update-container {
           
            padding: 20px;
            border: 1px solid var(--stroke);
            background-color: transparent;
            border-radius: 0; 
            --container-shine: linear-gradient(
    120deg,
    transparent 50%,
    rgba(255, 200, 200, 0.08) 15%,
    transparent 60%
  );
  overflow-y: scroll;
  overflow-x:scroll;
  color: var(--font);
  background-color: transparent;
  height: 35vh;
  padding: 20px;
  position: relative;
  margin: -15px 22px 22px 22px;
  border: var(--stroke) 1px solid;
  flex: 1 1 calc(22% - 5px);
  box-shadow: 0 18px 15px rgba(0, 0, 0, 0.12), inset 8px 7px 7px 1px rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  background-image: var(--container-shine);
  background-repeat: no-repeat;
  background-size: 260% 100%;
  background-position: 100% 0;
}

.update-container:hover {
  background-position: 0% 0;
  transition: all 0.5s linear, background-position 6s ease;
}

html.no-shine .update-container {
  --container-shine: none;
  transition: none;
}

        
        /*-- FOOTER BENEATH UPDATE LOGS --*/
        #display-footer {
          margin-top:-20px;
          font-size:18px;
          color: var(--link) !important;
        }
        
        #display-footer a {
          color: DarkSeaGreen;
        }
        
        #display-footer a:hover {
          color: Aquamarine;
        }
        
        
        /*-- ACTUAL FOOTER AT BOTTOM OF PAGE --*/
        footer {
            position:relative;
            flex-shrink: 0;
            background-size: contain;
            background-color: transparent;
            color: var(--font);
            overflow: hidden;
            box-shadow: 1px 1px 1px;
            border-top: 2px solid var(--stroke);
            min-height: 50px;
            width: 100%;
            padding: 10px 5px;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        span.footer-notes {
           font-size: 22px;
           letter-spacing: 0.1rem;
           text-align: center;
           font-family: "Jersey 10", sans-serif;
        }

        @media only screen and (max-width: 767px) {
            .container {
                margin-bottom: 8px;
            }

            h1 {
                font-size: 2rem;
            }

            h3 {
                font-size: 1rem;
            }
            
            span.footer-notes {
                font-size: 14px;
            }
        }

        .nav-controls {
            text-align: center;
            margin: 20px 0;
        }
        
        .ds-nav-btn {
            background-color: var(--container);
            border: 1px solid var(--stroke);
            color: #fff;
            padding: 8px 15px;
            cursor: pointer;
            cursor: url('/graphics/cursors/magic-cursor-pointer.png') 10 0, pointer;
            font-family: "Lacquer", system-ui;
            font-size: 1.2rem;
            margin: 0 10px;
        }
        
        .ds-nav-btn:hover { background-color: var(--button-hover); color:var(--font);}
        .ds-nav-btn:disabled { opacity: 0.5; cursor: not-allowed; filter: grayscale(100%);}