.chaobox {
        width: 100%; height: 82%;
        display: flex; flex-direction: row;
        justify-content: center;
        align-content: center;
        margin: 0;
        gap: 5%;
        background: #4ADFFF;
        background: linear-gradient(180deg,rgba(74, 223, 255, 1) 0%, rgba(255, 255, 209, 1) 26%);
        z-index: 1;
      }
      
      .entrybox {
        width: 80%;
        height: 48%;
        position: absolute;
        top: 2vh;
        left: 10%;
        border: 6px #282828 solid;
        border-radius: 2vw;
        /*box-shadow: 0vw 0vh .6vw .2vw white;*/
        background-color: #343434;
        background-image: 
          linear-gradient(45deg, #282828 25%, transparent 25%), 
          linear-gradient(-45deg, #282828 25%, transparent 25%), 
          linear-gradient(45deg, transparent 75%, #282828 75%), 
          linear-gradient(-45deg, transparent 75%, #282828 75%);
        background-size: 100px 100px;
        background-position: 0 0, 0 50px, 50px -50px, -50px 0px;
        animation: diagonalScroll 6s linear infinite;
      }
      
      .entry {
        font-family: Pirkkala;
        color: white;
        font-size: 24px;
        margin: 0;
        padding: 1vh 1vw;
        overflow: auto;
      }
      
      .entry:first-line {
        font-size: 30px;
        font-weight: bold;
        text-decoration: underline;
      }
      
      .entry > a {
        color: oklch(91.7% 0.08 205.041);
        text-decoration-color: #ffffff;
      }
      
      .wrapper {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden;
      }
      
      .botborder {
        width: 100%; height: 18%;
        background-color: #6fe636;
        background-image: url(images/chaogarden/gh_sidetile.png);
        background-size: auto 100%;
        z-index: 10; 
        color: black;
        text-align: center;
        margin: 0;
        font-weight: bold;
        text-shadow:
          -1px -1px 0 #ffffff,
          1px -1px 0 #ffffff,
          -1px 1px 0 #ffffff,
          1px 1px 0 #ffffff,
          -2px 0px 0 #ffffff,
          2px 0px 0 #ffffff,
          0px -2px 0 #ffffff,
          0px 2px 0 #ffffff;
        }
      
      .clouds {
        width: 100%;
        height: 24%;
        background-image: url(images/chaogarden/clouds.png);
        position: absolute;
        bottom: 18%;
        z-index: 0;
        background-size:cover;
      }
      
      .chaobox > div {
        margin: auto 0px 0px 0px;
      }
      
      .pagearrow {
        width: 3vw; height: 5vh;
        background-image: url(images/chaogarden/pagearrow.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        opacity: 0%;
        visibility: hidden;
      }
      
      .pagearrow.show {
        opacity: 100%;
        visibility: visible;
      }
      
      .pagearrow:hover {
        cursor: pointer;
      }