body{
   background-color: rgba(255, 218, 185, 0.767);
       
            font-family: Arial, sans-serif;
            line-height: 1.6;
            max-width: 600px;
            margin: 0 auto;
            padding: 25px;
            ul li::marker {
                color: hsl(14, 45%, 36%);
              }
            ol li::marker {
                color: hsl(14, 45%, 36%);
                font-weight: bold;
              }
              img {
                border-radius: 10px;
              }
           
        }
        h1 {
            color: #333;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
        }
        .prep-time {
            background-color: #fff8f8;
            padding: 20px;
            border-radius: 10px;
            ul li::marker {
                color: #7b2b3a;
              }
           
        }
        .prep-time h2 {
            color: #7b2b3a;
            margin-top: 0;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }
        th, td {
            padding: 8px;
            text-align: left;
            border-bottom: 1px solid #ddd;}

        .bg{
                background-color: white;
                border-radius: 10px;
                padding: 25px;
            }
        .color-text{
                color: hsl(14, 45%, 36%);
                
        }
        .size{
            margin-left: 20px;
        }