body {
      margin: 0;
      background: #181818;
      overflow: hidden;
    }

 a { text-decoration: none; color: white; }
  a:hover { text-decoration: none; color: #999; }
 p a:hover { text-decoration: underline; color: #999; }
a:visited {text-decoration: none;color: white;}

    hr.menu{
  border-top: 1px solid white;margin-right:5px;
}
    .item {
      position: absolute;
      width: 18%;
      height: auto;
      cursor: pointer;
      border-radius: 8px;
      transition: transform 0.2s ease;
    }

    .item:hover {
      transform: scale(1.05);
    }

    @media (max-aspect-ratio: 1/1) {
      .item {
        width: auto;
        height: 18%;
      }
    }

    #overlay {
      position: fixed;
      inset: 0;
      background: rgba(255,255,255,0.95);
      display: none;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      z-index: 1000;
      color: white;
    }

#overlay img {
  max-width: 98%;
  max-height: 85%;
  width: auto;
  height: auto;
  object-fit: contain; 
  display: block;
  margin: 0 auto; 
}

    #caption {
      margin-top: 1px;
      font-family: Arial, sans-serif;
      font-size: 14pt;
      color: black;
      text-align: center;
    }

    #actions {
      margin-top: 10px;
      font-size: 20pt;
      cursor: pointer;
    }

    #close {
      position: absolute;
      top: 20px;
      right: 30px;
      font-size: 36px;
      color: black;
      cursor: pointer;
      font-weight: bold;
    }


#menulist {top:0px; left: 0px;text-align:left;display:none;background-color:#181818; 
z-index: 2;border-bottom: 2px solid white;border-right: 2px solid white;}

.menulist{position:fixed;font-family: arial,geneva,helvetica,"sans-serif";  font-size: 14px; line-height: 16px;
/* width:120px; height:220px;*/  padding-left: 10px;padding-right: 5px;box-sizing: border-box; overflow-x: hidden;
}  
p.menulist {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
}


#menuout {position:fixed;top:0px; left: 5px;padding-left:5px;width:25px; height:40px;
    display:block;background-color:transparent;z-index: 3;
    border-bottom: 0px solid white;border-right: 0px solid white;}

.arrow{font-family: arial,geneva,helvetica,"sans-serif"; color:white; font-size: 40px; line-height: 15px;}  
.arrow:hover { text-decoration: none; color: #999;cursor: pointer;}