body {
            
            /* картинка */
            background-image: url("https://i.pinimg.com/736x/95/59/0e/95590e915731483c2a18b7488c286462.jpg");
            /* картинка на весь экран */
            background-size: cover;
            /* не повторять картинку */
            background-repeat: no-repeat;
      
            /* отступ слева */
            margin-left: 20%;
            /* отступ справа */
            margin-right: 20%;
            /* граница содержимого с черными точками отступ 2px */
            border: 2px dotted black;
            /* внутренние отступы от содержимого */
            padding: 10px 10px 10px 10px;
            text-align: center;
            font-family: sans-serif;
            
            margin: 40px;
         }
         
         p {
            color: rgb(150, 19, 19);
            

         }
         h1,h2{
            
            color: gray;
         }
         h1{
            /* border-bottom: 1px solid black; */
            text-decoration: underline;
            
         }
         .tea{
            color: #7c0000;
         }
         .lemonade{
            color: #7c0000;
         }
         .coffee{
            color:#7c0000 ;
            
         }
         .subtitle{
            color: gray;
            font-style: italic;
            font-size: 25px 25px 25px 80px;
         }
         h2{
          color: rgb(164, 164, 132);  
         }
       .description{
         background-color: rgb(247, 241, 232);
         border-radius: 10px;
         border-left: solid rgb(164, 164, 132);
         padding: 25px;
         margin-bottom: 50px;
         background-image: url(images/background.gif);
         background-repeat: no-repeat;
         background-position: top right;
       }
      #marked-list{
         background-color: rgb(247, 241, 232) ;
         font-size: 20px;
         padding: 25px;
         border-radius: 10px;
         border-left: solid rgb(164, 164, 132);
         background-image: url(images/background.gif);
         background-repeat: no-repeat;
         background-position: top right;
      }
       #marked-list ul{
         /* стилизует маркеры списка */
         list-style-type: square;
       }
       #marked-list li{
         background-color: rgb(247, 241, 232) ;
         border: 1px solid rgb(183, 175, 96);
         border-radius: 8px;
         margin-bottom: 15px;
       }
       #marked-list span{
         color:  rgb(10, 10, 2);
         font-weight: 700;
       }
        blockquote{
         background-color: #fff3f3;
         color: #000000;
         border: 2px solid black;
         border-top-left-radius: 10px ;
         border-top-right-radius: 10px ;
         padding: 10px;
         
       }
       /* этот селектор применяется к не посещеным ссылкам */
       a:link{
         color: rgb(0, 0, 0);
       }
       /* этот селектор применяется к посещеным ссылкам */
       a:visited{
         color: #000000;
       }
       /* этот селектор применяется когда пользователь наводит курсором мыши */
       a:hover{
          color: #000;
       }
       /* задержка анимации на 0.3s */
       a{
         transition: 0.3s;
       }
       .gkju{
         color: rgb(0, 0, 0);
       }

       aside{
        color: #000;
        background-color: white;
       }
       .divvv{
         display: flex;
         
       }
--------------------------------------------------

.menu-page{
    padding: 50px 0;
}

.page-title{
    font-size: 60px;
    text-align: center;
    letter-spacing: 2px;
}

table{
    width: 1200px;
    margin: 0 auto;
    /* border: 2px solid rgb(255, 255, 255); */
    /* обьединяет границы ячейки */
    border-collapse: collapse;
    background-color: #2d2320;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* td, th{
    border: 1px solid white;
} */

table th{
    background: linear-gradient(95deg, #b89b7e, #ffdd7e);
    color: #191411;
    padding: 25px;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

table td{
    padding: 25px;
    border-bottom: 1px solid #3a302c;
    font-size: 18px;

}

/* псевдо класс выбирает последнего ребенка таблицы */
table tr:last-child td{
    border-bottom: none
}

table tr:hover{
    background-color: #ffdd7e;
}

H3{
    font-family:'Merriweather', sans-serif;
    font-size: 28px;
    color: #e2b438;
    margin-bottom: 10px
}

.burger-description{
    line-height: 1.5px;
    margin-bottom: 15px;
}

.burger-ingredients{
    color: #999999;
    font-style: italic;
    font-size: 16px;
    
}

.burger-price{
    font-size:24px;
    font-weight: bold;
    color: #da8023;
    text-align: center;

}

.weight{
    display: block;
    color: #888888;
    font-size: 16px;
    margin-top:5px;
}

.badge{
    color: white;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 14px;
    margin-left: 10px;
}

.spicy-badge{
    background-color:pink;

}

.new-badge{
    background-color: green;
}