.makanan img {
   width: 99%;
   max-height: 300%;
   border-radius: 5px;
}

.card {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
   border-radius: 5px;
   padding: 20px;
   margin-top: 20px;
}
@media screen and (max-width: 1199px) {
   #content,
   aside {
       width: 100%;
       padding: 0;
   }
}

.container {
   display: flex;
 
   /* Properti lainnya */
   width: 100%;
   height: 100%;
   background-color : transparent;
   border: 2px transparent;
   padding: 10%;
   border-radius: 5px;
   margin: 10% auto;

   }
.box {

   flex-grow: 1;
   background-color: transparent;
   margin: 4px;
   border: 2px transparent;
   border-radius: 10px;
   text-align: center;
   padding: 10px;
   color: black;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25%;
  margin-bottom: 25%;
  width: 300%;
  border-radius: 3px;
}

      /* Layar Hape */
@media screen and (max-width: 513px) {
   .container {
      display: flex;
    

      width: 100%;
      height: 100%;
      background-color:transparent;
      border: 2px transparent;
      padding: 20px;
      border-radius: 10px;
      margin: 0 auto;
      flex-direction: column;
   }

   .box {

   flex-grow: 1;
   background-color: transparent;
   margin: 1px;
   border: transparent;
   border-radius: 3px;
   text-align: center;
   padding: 4px;
   color: black;
   }

   .makanan img {
   width: 90%;
   max-height: 300%;
   }

}

@media screen and (max-width: 512px) {
   .container {
      display: flex;
      width: 100%;
      height: 100%;
      background-color: transparent;
      border: 2px transparent;
      padding: 20px;
      border-radius: 10px;
      margin: 0 auto;
      flex-direction: column;
   }

   .box {
 
   flex-grow: 1;
   background-color :transparent;
   margin: 1px;
   border: transparent;
   border-radius: 12px;
   text-align: center;
   align-items: center;
   padding:0px;
   color: black;
   }

.box2 {

   flex-grow: 1;
   background-color:transparent;
   margin: 80px;
   border: transparent;
   border-radius: 12px;
   text-align: center;
   align-items: center;
   padding:0px;
   color: black;
   }
.makanan img {
   width: 100%;
   max-height: 100%;
   }

}

.notranslate {
      translate: no; /* untuk browser modern */
    }

#gt-nvframe {
  display: none !important;
  visibility: hidden !important;
}