/* inspired by endmatter */

      html {
        margin-top: 20px;
      } 
     
      .box {
        background-color: #eeeeee; 
        border: 1px solid #000000;
        color: #000;
        padding: 20px;
        max-width: 80%;
        margin: auto;
	box-shadow: 6px 6px 10px 2px rgb(0 0 0 / 0.3);
      }

      body {
        background-color: #ddd;
        color: black;
	background-image: url('/i/b.png');
        font-size: 18px;
        font-family: 'Nimbus Mono PS', 'Courier New', monospace;
        margin-bottom: 50px;
      }
      
      #back {
        background-color: #eeeeee;
        margin: 20px auto;
        width: 250px;
        padding: 12px;
        text-align: center;
        border: 1px solid black;
	box-shadow: 6px 6px 10px 2px rgb(0 0 0 / 0.3);
      }

     .truncate {
       width: 200px;
       color: #0088cc;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       transition: all 0.3s ease;
       cursor: pointer;
      }

     .truncate:hover {
      width:100%;
      color: #000;
      white-space: normal;
      overflow-wrap: break-word;
      work-break: break-word;
      z-index: 1; 
     }

     a:hover {
      color: #884488;
     }

     a {
      color: #0088cc;
     }