.site {
   display: grid;
   grid-template-areas: "main menu";
   grid-template-columns: 2fr 1fr;
   gap: 1rem;
   padding-left: 1rem;
   padding-right: 1rem;
}

.package-list-margin {
   margin: 1rem;
}

code {
   overflow-x: auto;
}

@media only screen and (max-width: 64rem) {
   .site {
      grid-template-columns: 1fr;
      grid-template-areas:
         "menu"
         "main";
   }

   .package-list-margin {
      margin: 1rem 0;
   }
}

.browse-list-item {
   display: flex;
   margin: 0.2rem;
   text-decoration: none;
   color: unset;
   background-image: unset;

   /* flex */
}

.browse-list-item:hover {
   background-color: var(--muted-light);
}

.browse-list-item > img {
   height: 1rem;
   width: auto;
   border: none !important;
   margin-right: 1rem;
}

.browse-list-item-size {
   margin-left: auto;
}

.browse-path {
   margin: 1rem;
   font-size: 1.2rem;
   font-weight: bold;
}