Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="container">
  <header>
    <h2 aria-label="logo">
      <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 645 170">
<title>Gajar(carrot) ka halwa; Indian Desert </title>
  <g id="subtitle">
    <path d="M35.48 53.13a2.5 2.5 0 0 1-1.68 2.45 1 1 0 0 1-.67-.17 1.37 1.37 0 0 0-.62-.21 1.57 1.57 0 0 0-.63.14 79.88 79.88 0 0 1-2.88 9.6q-1.92 4.56-5 6a3.83 3.83 0 0 1-1.68.39A18.72 18.72 0 0 1 18 70c-.86-.23-2.22-.69-4.08-1.39-1.85-.9-3.29-3-4.32-6.2a35 35 0 0 1-1.38-10.48 41.92 41.92 0 0 1 2.21-14.11q2.4-6.76 6.33-7.58a4.53 4.53 0 0 1 .77 0 15.09 15.09 0 0 1 5.86 1.53c2.46 1.09 4.13 2.29 5 3.6a9.55 9.55 0 0 1 1.39 4c.29 1.85.47 2.86.53 3 .1.54.22 1.2.38 2a3.31 3.31 0 0 1-1.48 2.49q-.63.24-3.75-.69a13.63 13.63 0 0 1-3.74-1.47q-.87-.57-.72-2.25a1.17 1.17 0 0 1 .24-.6 1.22 1.22 0 0 0 .24-.65c0-2.27-.26-3.41-.77-3.41q-1.64 0-2.88 5.47a52.19 52.19 0 0 0-1.15 11.33q0 9.12 2.54 10.47c.51.25 1.21-.63 2.09-2.64a18.5 18.5 0 0 0 1.56-5.67 15.92 15.92 0 0 0-2.93-1.49c-1.15-.48-1.77-.89-1.87-1.24a3.08 3.08 0 0 1 .48-2A3.79 3.79 0 0 1 20 50.25a5.05 5.05 0 0 1 2-.43 12.83 12.83 0 0 0 2.21-.1 16.24 16.24 0 0 0 2.64-.81 6.84 6.84 0 0 1 2.26-.58 2.89 2.89 0 0 1 .53.05 9.73 9.73 0 0 1 3.52 2.16c1.6 1.28 2.36 2.14 2.32 2.59z" class="cls-2"/>
    <path d="M57.66 68.78a1.63 1.63 0 0 1-.58 1.15 1.43 1.43 0 0 1-1.2.39q-5.94-.82-6.62-2.26a.76.76 0 0 1 .12-.91 1.37 1.37 0 0 0 .26-.51 1.08 1.08 0 0 1 .2-.4 7.68 7.68 0 0 0 0-1.68 9.32 9.32 0 0 0-1.72 2.3A12.09 12.09 0 0 1 46 69.74a5 5 0 0 1-3.5 1.44 3.52 3.52 0 0 1-2.26-.91 25.85 25.85 0 0 1-1.87-1.87c-1.53-1.73-2.37-2.68-2.49-2.84a4.24 4.24 0 0 1-1-2.54 3.37 3.37 0 0 1 .09-.77c.61-2.81 2.5-5.49 5.67-8a54.05 54.05 0 0 1 9.79-5.81c0-1-.26-1.68-.77-2q-.48-.28-3.36 1.08a20.5 20.5 0 0 0-4 2.33 14.32 14.32 0 0 1-1.25 1.05 1.88 1.88 0 0 1-1.49.29 8.61 8.61 0 0 1-2.25-1.73 7.27 7.27 0 0 1-1.87-2.11 1.6 1.6 0 0 1 .81-2 18.65 18.65 0 0 1 1.92-.58l3.55-1.92a18 18 0 0 1 6.34-1.92 3.8 3.8 0 0 1 2.5 1.15q1.24 1.11 2.52 2.19c.84.72 1.72 1.41 2.61 2.08A3.65 3.65 0 0 1 57.23 49v18.1a4.59 4.59 0 0 1 .43 1.68zM50 54.76a10.38 10.38 0 0 0-4 2.79c-.83 1-1.67 2-2.5 3a11.65 11.65 0 0 0-1.89 2.62 5.65 5.65 0 0 0-.89 2.37c0 .26.09.39.29.39q1 0 4.51-4.35A30.49 30.49 0 0 0 50 54.76z" class="cls-2"/>
    <path d="M70.38 43.82a.76.76 0 0 1 .14.48 4 4 0 0 1-.52 1.44 3.86 3.86 0 0 0-.55 1.58v25.16c0 3-.83 5-2.5 6a4.58 4.58 0 0 1-2.35.44 21 21 0 0 1-6.48-1 13.11 13.11 0 0 1-3.55-2c-1.67-1.22-2.5-2.19-2.5-2.93 0-.45.31-.86.91-1.25a1.57 1.57 0 0 1 .68-.09 10.69 10.69 0 0 1 4.8 1 14.31 14.31 0 0 1 .86 1.15 2.55 2.55 0 0 0 2.06.91q.68 0 .68-5.9V44.44A10.1 10.1 0 0 1 61.5 42c0-.42.59-.63 1.78-.63a13.21 13.21 0 0 1 4 .89 7.69 7.69 0 0 1 3.1 1.56zm.34-8.11a2.82 2.82 0 0 1 .14 1 8.43 8.43 0 0 1-.38 2.44c-.29.93-.64 1.49-1.06 1.68s-1.69-.21-4.1-1-3.72-1.4-3.92-1.75a1.5 1.5 0 0 1-.14-.72 6.48 6.48 0 0 1 .67-2.74c.51-1.08 1.09-1.69 1.73-1.82a8.77 8.77 0 0 1 3.86.84c1.84.67 2.91 1.36 3.2 2.07zM96.59 68.78a1.67 1.67 0 0 1-.59 1.15 1.43 1.43 0 0 1-1.2.39c-4-.55-6.17-1.3-6.62-2.26a.8.8 0 0 1-.1-.38.88.88 0 0 1 .22-.53 1.37 1.37 0 0 0 .26-.51 1.05 1.05 0 0 1 .19-.4 7.45 7.45 0 0 0 0-1.68 9.53 9.53 0 0 0-1.73 2.3A12.11 12.11 0 0 1 85 69.74a5 5 0 0 1-3.5 1.44 3.52 3.52 0 0 1-2.26-.91 23.89 23.89 0 0 1-1.87-1.87c-1.54-1.73-2.37-2.68-2.5-2.84a4.28 4.28 0 0 1-1-2.54 3.37 3.37 0 0 1 .09-.77c.61-2.81 2.5-5.49 5.67-8a53.7 53.7 0 0 1 9.79-5.81c0-1-.26-1.68-.77-2q-.48-.28-3.36 1.08a20.5 20.5 0 0 0-4 2.33A14.32 14.32 0 0 1 80 50.92a1.88 1.88 0 0 1-1.49.29 8.61 8.61 0 0 1-2.25-1.73 7.38 7.38 0 0 1-1.88-2.11 1.62 1.62 0 0 1 .82-2 18.65 18.65 0 0 1 1.92-.58l3.55-1.92A18 18 0 0 1 87 40.94a3.8 3.8 0 0 1 2.49 1.15q1.24 1.11 2.51 2.19c.85.72 1.72 1.41 2.62 2.08A3.69 3.69 0 0 1 96.16 49v18.1a4.82 4.82 0 0 1 .43 1.68zm-7.68-14a10.38 10.38 0 0 0-4 2.79c-.84 1-1.67 2-2.5 3a12 12 0 0 0-1.9 2.62 5.74 5.74 0 0 0-.88 2.37c0 .26.09.39.28.39.68 0 2.18-1.45 4.52-4.35a30.49 30.49 0 0 0 4.48-6.84zM119.34 44.4a1.07 1.07 0 0 1-.53 1.24c-.38.2-.75.4-1.1.63q-3 4.6-8.21 12.43v7.87c0 .16.15.57.36 1.23a5.35 5.35 0 0 1 .31 1.56 1.23 1.23 0 0 1-.82 1.24 3.53 3.53 0 0 1-1.44.24 11.82 11.82 0 0 1-4-.81c-1.86-.64-2.78-1.46-2.78-2.45a4.2 4.2 0 0 1 .38-1.39 4.38 4.38 0 0 0 .38-1.59v-19c-.35-1.8-.52-2.72-.52-2.79a1.74 1.74 0 0 1 1.34-1.87 5.67 5.67 0 0 1 1.39-.14 12.25 12.25 0 0 1 3.53.55c1.23.37 2 .76 2.18 1.17a1 1 0 0 1 .1.48 17.49 17.49 0 0 1-.67 2.31v2.3q1.15-2.05 2.25-4.13c1-1.72 1.73-2.64 2.21-2.73.71-.13 1.78.29 3.22 1.25s2.26 1.76 2.42 2.4zM147.23 71.37a2.28 2.28 0 0 1-.94 1.42c-.59.49-1.06.68-1.41.55q-4.81-1.73-8.17-9.22a38.25 38.25 0 0 1-3.36-16q0-11.48 6.1-18.05a2.07 2.07 0 0 1 1.49-.76 1.51 1.51 0 0 1 .53.09 10.45 10.45 0 0 1 2.83 2 19.31 19.31 0 0 1 2.21 2.25 1 1 0 0 1 .14.58 3.31 3.31 0 0 1-.57 1.73A31.91 31.91 0 0 0 141 53.23a31.25 31.25 0 0 0 2.16 11.57c1.18 3 2.3 4.78 3.36 5.32a1.2 1.2 0 0 1 .71 1.25zM172.47 60.09a3 3 0 0 1-.91 1.92 22.81 22.81 0 0 1-4.27 6q-3.12 3.22-5 3.22a2.89 2.89 0 0 1-.53 0q-2.11-.68-4.75-1.68a13.59 13.59 0 0 1-7.2-7.34 27.51 27.51 0 0 1-2.21-11.38 30.79 30.79 0 0 1 3-14q3.21-6.43 8.06-6.67 1.88-.09 5.5 1.92a12.28 12.28 0 0 1 4.77 4q1.16 2 1.59 8.71a7.88 7.88 0 0 1-.39 2.93c-.38 1.18-.88 1.73-1.49 1.63a26.34 26.34 0 0 1-4.22-1.06c-2-.67-3.15-1.23-3.31-1.68a1.06 1.06 0 0 1-.1-.43 2.19 2.19 0 0 1 .41-1.08 2.19 2.19 0 0 0 .41-1.08 30.52 30.52 0 0 0 .24-3.69 7.2 7.2 0 0 0-.58-3.46c-1.92 1.41-3.37 3.76-4.37 7.06a33 33 0 0 0-1.24 9.45 33.14 33.14 0 0 0 .72 7.27c.48 2.13 1 3.42 1.72 3.87q.48.28 2.67-2a15.06 15.06 0 0 0 2.8-3.52s.17-.55.43-1.54a1.56 1.56 0 0 1 .78-1.06c.54-.2 1.94.26 4.2 1.36s3.34 1.88 3.27 2.33zM198.15 68.78a1.66 1.66 0 0 1-.57 1.15 1.43 1.43 0 0 1-1.2.39q-6-.82-6.63-2.26a.8.8 0 0 1 .12-.91 1.27 1.27 0 0 0 .27-.51.92.92 0 0 1 .19-.4 8.14 8.14 0 0 0 0-1.68 9.27 9.27 0 0 0-1.73 2.3 12.11 12.11 0 0 1-2.11 2.88 5 5 0 0 1-3.49 1.44 3.5 3.5 0 0 1-2.25-.91 23.89 23.89 0 0 1-1.87-1.87c-1.54-1.73-2.37-2.68-2.5-2.84a4.3 4.3 0 0 1-1-2.54 2.91 2.91 0 0 1 .1-.77c.61-2.81 2.49-5.49 5.66-8a54.41 54.41 0 0 1 9.86-5.82c0-1-.25-1.68-.76-2q-.48-.28-3.36 1.08a20.65 20.65 0 0 0-4 2.33 13.85 13.85 0 0 1-1.24 1.05 1.88 1.88 0 0 1-1.49.29 8.58 8.58 0 0 1-2.26-1.73 7.45 7.45 0 0 1-1.87-2.11 1.61 1.61 0 0 1 .82-2 18.65 18.65 0 0 1 1.92-.58l3.55-1.92a17.91 17.91 0 0 1 6.33-1.92 3.8 3.8 0 0 1 2.5 1.15q1.24 1.11 2.52 2.19c.85.72 1.72 1.41 2.62 2.08a3.67 3.67 0 0 1 1.53 2.6V67.1a4.38 4.38 0 0 1 .34 1.68zm-7.68-14a10.46 10.46 0 0 0-4 2.79l-2.49 3a11.36 11.36 0 0 0-1.9 2.62 5.8 5.8 0 0 0-.89 2.37c0 .26.1.39.29.39.67 0 2.18-1.45 4.51-4.35a30.13 30.13 0 0 0 4.48-6.84zM220.91 44.4a1.08 1.08 0 0 1-.53 1.24 11.85 11.85 0 0 0-1.11.63q-3 4.6-8.2 12.43v7.87q0 .24.36 1.23a5.43 5.43 0 0 1 .32 1.56 1.24 1.24 0 0 1-.75 1.24 3.53 3.53 0 0 1-1.44.24 11.77 11.77 0 0 1-4-.81c-1.86-.64-2.79-1.46-2.79-2.45a4.29 4.29 0 0 1 .39-1.39 4.6 4.6 0 0 0 .38-1.59v-19c-.35-1.8-.53-2.72-.53-2.79a1.75 1.75 0 0 1 1.35-1.87 5.56 5.56 0 0 1 1.39-.14 12.25 12.25 0 0 1 3.53.55c1.23.37 2 .76 2.18 1.17a1.14 1.14 0 0 1 .1.48 19.53 19.53 0 0 1-.67 2.31v2.3q1.14-2.05 2.25-4.13c1-1.72 1.73-2.64 2.21-2.73.7-.13 1.78.29 3.22 1.25s2.18 1.76 2.34 2.4zM242.41 44.4a1.07 1.07 0 0 1-.53 1.24c-.38.2-.75.4-1.1.63q-3 4.6-8.21 12.43c0 5.09 0 7.71.05 7.87s.15.57.36 1.23a5.35 5.35 0 0 1 .31 1.56 1.23 1.23 0 0 1-.82 1.24 3.53 3.53 0 0 1-1.44.24 11.82 11.82 0 0 1-4-.81c-1.85-.64-2.78-1.46-2.78-2.45a4.2 4.2 0 0 1 .38-1.39 4.43 4.43 0 0 0 .37-1.59v-19c-.36-1.8-.53-2.72-.53-2.79a1.75 1.75 0 0 1 1.34-1.87 5.67 5.67 0 0 1 1.39-.14 12.25 12.25 0 0 1 3.53.55q1.84.55 2.19 1.17a1.14 1.14 0 0 1 .08.48 17.49 17.49 0 0 1-.67 2.31v2.3q1.15-2.05 2.25-4.13c1-1.72 1.73-2.64 2.21-2.73.71-.13 1.78.29 3.22 1.25s2.24 1.76 2.4 2.4zM259.83 42.33q2.64 1.24 4.08 5a23.13 23.13 0 0 1 1.3 8.16A26.44 26.44 0 0 1 263 66.76c-1.63 3.4-3.66 4.93-6.09 4.61-.9-.22-2.24-.49-4-.81a21.18 21.18 0 0 1-3.55-.72c-1.82-.48-3.28-2-4.37-4.66a22.55 22.55 0 0 1-1.49-8.54 25.14 25.14 0 0 1 1.54-9 11.62 11.62 0 0 1 4.85-6.19 3 3 0 0 1 1.44-.29 22.72 22.72 0 0 1 3.79.62 28.17 28.17 0 0 1 4.71.55zm-5.37 4.32q-1.31 0-2.4 3.15a18 18 0 0 0-1.11 6 28.53 28.53 0 0 0 .82 6.82q.91 3.64 2.11 3.93c1 .23 1.94-.93 2.74-3.45a27 27 0 0 0 1.15-8.07 19 19 0 0 0-.63-4.85c-.57-2.34-1.47-3.53-2.68-3.53zM284.55 46.32a2.66 2.66 0 0 1-.57 1.53 1.49 1.49 0 0 1-1.16.67 1.11 1.11 0 0 1-.33 0 11.55 11.55 0 0 0-3-.24v19a4.94 4.94 0 0 1 .32.76 4.35 4.35 0 0 1 .31 1.44c0 .93-.64 1.43-1.92 1.49a12.31 12.31 0 0 1-3.7-.86c-2-.64-3-1.23-3.12-1.78a2.92 2.92 0 0 1 .34-1.41 4.9 4.9 0 0 0 .43-1.66v-17h-1.63c-.61 0-1.36-.54-2.26-1.61a4.66 4.66 0 0 1-1.37-2.65 1.8 1.8 0 0 1 .55-1.29 1.66 1.66 0 0 1 1.22-.58h3.46v-4.31a3.38 3.38 0 0 1-.72-2.06 1.15 1.15 0 0 1 .86-1.25 5.41 5.41 0 0 1 1.2-.1 19.21 19.21 0 0 1 4.16.55 8.89 8.89 0 0 1 3.09 1.13.85.85 0 0 1 .34.67 2.87 2.87 0 0 1-.77 1.44 3.82 3.82 0 0 0-.82 1.35v2.59H281c.32 0 1 .58 2 1.73s1.55 1.97 1.55 2.45z" class="cls-2"/>
    <path d="M291.61 72.24a2.07 2.07 0 0 1-1.49.76 1.51 1.51 0 0 1-.53-.09 10.45 10.45 0 0 1-2.83-2 16.91 16.91 0 0 1-2.21-2.21 1 1 0 0 1-.14-.57 3.21 3.21 0 0 1 .58-1.73 32 32 0 0 0 5.08-17.28 31.25 31.25 0 0 0-2.16-11.57q-1.77-4.52-3.36-5.37a1.2 1.2 0 0 1-.72-1.25 2.23 2.23 0 0 1 .94-1.42c.59-.49 1.06-.68 1.41-.55q4.8 1.72 8.16 9.19a38.82 38.82 0 0 1 3.37 16.11q0 11.44-6.1 17.98z" class="cls-2"/>
  </g>
  <g id="gajar">
    <path d="M470.64 67.13c.07.61-.54 1.71-1.82 3.31s-2.27 2.36-3 2.26q-2.05-.28-8.73-11.14c-.32.36-.87.92-1.63 1.68v5.67a5.35 5.35 0 0 0 .12.86c.08.42.13.72.16.91.1 1.09-.12 1.8-.67 2.12a3 3 0 0 1-1.39.24 9.65 9.65 0 0 1-3.55-.68c-1.35-.51-2-1.12-2-1.82V34.92a3.66 3.66 0 0 1 .48-1.68 2.3 2.3 0 0 1 1.11-1.15 1.25 1.25 0 0 1 .38-.05 10.76 10.76 0 0 1 3.48.84c1.49.56 2.31 1 2.47 1.47a1.42 1.42 0 0 1 .15.57 2 2 0 0 1-.39 1 2.14 2.14 0 0 0-.38 1.13v16.64l7.1-9.74a2 2 0 0 1 1.59-.91 4.51 4.51 0 0 1 2.54 1.15c1.22.89 1.84 1.77 1.87 2.64q0 .53-2.25 3.74-3.55 5.09-4.18 6l6.24 8.59a3.75 3.75 0 0 0 1.39 1c.58.35.88.65.91.97zM495.94 70.78a1.67 1.67 0 0 1-.58 1.15 1.43 1.43 0 0 1-1.2.39q-5.94-.82-6.62-2.26a.8.8 0 0 1-.1-.38.88.88 0 0 1 .22-.53 1.37 1.37 0 0 0 .26-.51.94.94 0 0 1 .2-.4 8.41 8.41 0 0 0 0-1.68 9.32 9.32 0 0 0-1.72 2.3 12.37 12.37 0 0 1-2.12 2.88 5 5 0 0 1-3.5 1.44 3.52 3.52 0 0 1-2.26-.91 25.85 25.85 0 0 1-1.87-1.87c-1.54-1.73-2.37-2.68-2.49-2.84a4.24 4.24 0 0 1-1-2.54 3.37 3.37 0 0 1 .09-.77c.61-2.81 2.5-5.49 5.67-8a53.7 53.7 0 0 1 9.79-5.81c0-1-.26-1.68-.77-2q-.48-.28-3.36 1.08a20.5 20.5 0 0 0-4 2.33 14.32 14.32 0 0 1-1.25 1.05 1.88 1.88 0 0 1-1.49.29 8.61 8.61 0 0 1-2.25-1.73 7.56 7.56 0 0 1-1.88-2.11 1.62 1.62 0 0 1 .82-2 18.65 18.65 0 0 1 1.92-.58l3.55-1.91a18 18 0 0 1 6.34-1.92 3.78 3.78 0 0 1 2.49 1.15c.84.74 1.68 1.47 2.53 2.19s1.71 1.41 2.61 2.08a3.69 3.69 0 0 1 1.54 2.6V69.1a4.59 4.59 0 0 1 .43 1.68zm-7.68-14a10.38 10.38 0 0 0-4 2.79c-.84 1-1.67 2-2.5 3a12 12 0 0 0-1.9 2.62 5.74 5.74 0 0 0-.88 2.37c0 .26.09.39.28.39.68 0 2.18-1.45 4.52-4.35a30.49 30.49 0 0 0 4.48-6.84zM536.64 53.36a2.92 2.92 0 0 1-1.13 1.64c-.72.66-1.24 1-1.55 1a4.23 4.23 0 0 0-.82 0v12.1a15.06 15.06 0 0 1 .48 1.78q.43 3.06-.72 3.6a2.17 2.17 0 0 1-.72.09 11.08 11.08 0 0 1-4.32-1.2c-1.89-.83-3-1.66-3.46-2.49 0-.29-.08-.72-.14-1.3-.07-.22 0-.53.33-.91A2.29 2.29 0 0 0 525 67v-9.7q-.91.1-3.6.72a33 33 0 0 0-3.55 1v9.75a1.48 1.48 0 0 0 .31.79 2.54 2.54 0 0 1 .36.69c-.13.52-.24 1-.34 1.49a.9.9 0 0 1-.53.67c-.51.2-1.94-.1-4.29-.88s-3.6-1.42-3.72-1.9a3.32 3.32 0 0 1-.1-1.15 9.73 9.73 0 0 0 .14-1.35V36.36a13.87 13.87 0 0 1 .44-2.64c.06-.32.6-.76 1.63-1.34a1.66 1.66 0 0 1 .53-.05 13.11 13.11 0 0 1 3.74.58c1.7.51 2.59 1.18 2.69 2a4.58 4.58 0 0 1-.41 1.64 5.84 5.84 0 0 0-.45 1.63V49.9q3.25-.81 7.15-1.68V34.83a3.72 3.72 0 0 0-.22-.72 1.92 1.92 0 0 1-.12-1c.16-.58.69-.94 1.58-1.1.68-.1 1.35-.18 2-.24a7 7 0 0 1 3.1.62c1.36.51 2.12 1.06 2.28 1.63a1.59 1.59 0 0 1-.2 1 3.74 3.74 0 0 0-.33 1.34v13.25q.24.28 2.25 2.07c.92.76 1.33 1.32 1.3 1.68zM559.78 70.78a1.67 1.67 0 0 1-.58 1.15 1.43 1.43 0 0 1-1.2.39c-4-.55-6.17-1.3-6.62-2.26a.8.8 0 0 1-.1-.38.88.88 0 0 1 .22-.53 1.37 1.37 0 0 0 .26-.51 1.05 1.05 0 0 1 .19-.4 7.45 7.45 0 0 0 0-1.68 9.53 9.53 0 0 0-1.73 2.3 12.11 12.11 0 0 1-2.11 2.88 5 5 0 0 1-3.5 1.44 3.52 3.52 0 0 1-2.26-.91 25.85 25.85 0 0 1-1.87-1.87c-1.54-1.73-2.37-2.68-2.5-2.84A4.28 4.28 0 0 1 537 65a3.37 3.37 0 0 1 .09-.77c.61-2.81 2.5-5.49 5.67-8a53.7 53.7 0 0 1 9.79-5.81c0-1-.26-1.68-.77-2q-.48-.28-3.36 1.08a20.5 20.5 0 0 0-4 2.33 14.32 14.32 0 0 1-1.25 1.05 1.88 1.88 0 0 1-1.49.29 8.61 8.61 0 0 1-2.25-1.73 7.38 7.38 0 0 1-1.88-2.11 1.62 1.62 0 0 1 .82-2 18.65 18.65 0 0 1 1.92-.58l3.55-1.92a18 18 0 0 1 6.34-1.92 3.78 3.78 0 0 1 2.49 1.15l2.52 2.19c.85.72 1.72 1.41 2.62 2.08a3.69 3.69 0 0 1 1.54 2.6V69.1a4.59 4.59 0 0 1 .43 1.68zm-7.68-14a10.38 10.38 0 0 0-4 2.79c-.84 1-1.67 2-2.5 3a12 12 0 0 0-1.9 2.62 5.74 5.74 0 0 0-.88 2.37c0 .26.09.39.28.39.68 0 2.18-1.45 4.52-4.35a30.49 30.49 0 0 0 4.48-6.84zM572.54 34.49a2.79 2.79 0 0 1-.21.91c-.15.39-.23.63-.27.72a22.68 22.68 0 0 0-.57 3v29.45a1.8 1.8 0 0 0 .29 1 1.55 1.55 0 0 1 .28.75c0 2.05-.38 3.15-1.15 3.31a11.43 11.43 0 0 1-3-.65 11.78 11.78 0 0 1-3.15-1.17 2.46 2.46 0 0 1-1.05-1.68.72.72 0 0 1 .19-.44 1.38 1.38 0 0 0 .19-.81V35.07a1.31 1.31 0 0 0-.17-.6 1.31 1.31 0 0 1-.17-.6c.07-.77.66-1.28 1.78-1.54a10.48 10.48 0 0 1 2 0 15.33 15.33 0 0 1 3.08.53c1.28.38 1.93.93 1.93 1.63zM607.92 46.49a147.34 147.34 0 0 0-4.51 14.93c-1.38 5.22-2 8.19-2 8.93v1.77c0 .84-.32 1.3-.86 1.4a18.56 18.56 0 0 1-4.13-.77c-2.4-.61-3.68-1.11-3.84-1.49a11.39 11.39 0 0 1-.1-2.21 59.3 59.3 0 0 1-2.06-11.95c-.16.9-.71 3.23-1.63 7a29.84 29.84 0 0 0-1.06 5.47c0 .67-.06 1.33-.09 2-.07.89-.37 1.42-.92 1.58a2.92 2.92 0 0 1-.62.05 12.73 12.73 0 0 1-3.84-.67c-1.67-.51-2.66-1.14-3-1.87a1.49 1.49 0 0 1-.07-.82 4.3 4.3 0 0 0-.07-1.3q-1-5.32-2-10.6-1-5.52-1.58-11.14c-.1-1-.15-1.6-.15-1.73 0-1.31.42-1.95 1.25-1.92a12.36 12.36 0 0 1 3.46 1c1.73.7 2.64 1.26 2.74 1.68a8.69 8.69 0 0 1-.1 2.06q.29 3.7 1.49 13.06l3.31-15.79c.25-1.15.75-1.81 1.49-2a11.18 11.18 0 0 1 2.9 1.18q2.52 1.22 2.52 1.65a137.49 137.49 0 0 0 2.11 14.93q2.83-13.83 3.79-16 .39-1.83 1.92-1.59a10.48 10.48 0 0 1 3 1.06c1.56.69 2.43 1.4 2.65 2.1zM632.88 70.78a1.63 1.63 0 0 1-.58 1.15 1.43 1.43 0 0 1-1.2.39q-5.94-.82-6.62-2.26a.76.76 0 0 1 .12-.91 1.37 1.37 0 0 0 .26-.51 1.08 1.08 0 0 1 .2-.4 7.68 7.68 0 0 0 0-1.68 9.32 9.32 0 0 0-1.72 2.3 12.09 12.09 0 0 1-2.12 2.88 5 5 0 0 1-3.5 1.44 3.52 3.52 0 0 1-2.26-.91 25.85 25.85 0 0 1-1.87-1.87c-1.53-1.73-2.37-2.68-2.49-2.84a4.24 4.24 0 0 1-1-2.54 3.37 3.37 0 0 1 .09-.77c.61-2.81 2.5-5.49 5.67-8a54.05 54.05 0 0 1 9.79-5.81c0-1-.26-1.68-.77-2q-.48-.28-3.36 1.08a20.5 20.5 0 0 0-4 2.33 14.32 14.32 0 0 1-1.25 1.05 1.88 1.88 0 0 1-1.49.29 8.61 8.61 0 0 1-2.25-1.73 7.27 7.27 0 0 1-1.87-2.11 1.6 1.6 0 0 1 .81-2 18.65 18.65 0 0 1 1.92-.58l3.55-1.92a18 18 0 0 1 6.34-1.92 3.8 3.8 0 0 1 2.5 1.15q1.25 1.11 2.52 2.19c.84.72 1.72 1.41 2.61 2.08a3.65 3.65 0 0 1 1.54 2.6V69.1a4.59 4.59 0 0 1 .43 1.68zm-7.68-14a10.38 10.38 0 0 0-4 2.79c-.84 1-1.67 2-2.5 3a11.65 11.65 0 0 0-1.89 2.62 5.65 5.65 0 0 0-.89 2.37c0 .26.09.39.29.39q1 0 4.51-4.35a30.49 30.49 0 0 0 4.48-6.84z"/>
  </g>
  <g id="chef">
    <path id="mushtache" d="M430.44 110.16c-11.57-12.31-47.83-19.69-59.71-6-11.87-13.71-48.13-6.3-59.71 6 23.42-7.41 32.67.53 40.81 3.12 5.83 1.82 12.73 2.16 18.9-2.91 6.18 5.07 13.08 4.73 18.9 2.91 8.14-2.59 17.4-10.53 40.81-3.12z"/>
    <path id="left-eye" d="M355.69 94.77c-5.24 0-9.49-3.84-9.49-8.6s4.25-8.57 9.49-8.57 9.49 3.85 9.49 8.57-4.24 8.6-9.49 8.6z"/>
    <path id="right-eye" d="M388.24 94.77c-5.24 0-9.48-3.84-9.48-8.6s4.24-8.57 9.48-8.57 9.46 3.85 9.46 8.57-4.25 8.6-9.46 8.6z"/>
    <path id="cap" d="M413.66 20.31c13.19 0 23.84 9.69 23.84 21.62 0 11.33-9.64 20.63-21.87 21.51-3.08-5.46-22-9.66-44.9-9.66s-41.81 4.2-44.89 9.66C313.57 62.56 304 53.26 304 41.93c0-11.93 10.64-21.62 23.8-21.62a25.26 25.26 0 0 1 15 4.83 35.49 35.49 0 0 1 55.93 0 25.18 25.18 0 0 1 15-4.83z"/>
    <path id="red-belt" fill="#ed2b21" d="M325.88 65.64c3.2-5.46 22.06-9.62 44.85-9.62s41.66 4.16 44.86 9.62v20c0-6.12-20.09-11.09-44.86-11.09s-44.85 5-44.85 11.09v-20z"/>
  </g>
  <g id="ka_halwa" data-name="ka halwa">
    <path d="M255.2 159.21c-.21.6-.84.9-1.87.9a6.19 6.19 0 0 1-.93-.07c-2-.31-3.12-.9-3.46-1.76a1.34 1.34 0 0 1-.11-.51 2.12 2.12 0 0 1 .83-1.51q-.15-5.4-.65-22a2.24 2.24 0 0 0-.25-1.1 2.66 2.66 0 0 1-.29-.92 2 2 0 0 1 .83-1.37 2.4 2.4 0 0 1 1.62-.5 6 6 0 0 1 2.52.61c1.06.51 1.58 1.12 1.58 1.84a10.22 10.22 0 0 1-.75 1.94l.36 21.82a2.76 2.76 0 0 0 .32 1.1 2.55 2.55 0 0 1 .33 1.06 1.74 1.74 0 0 1-.08.47zM277.31 157.2a1.83 1.83 0 0 1-1.05 1.35 4.23 4.23 0 0 1-2.16.55 2.55 2.55 0 0 1-2.41-1.11q.29-11.09-.65-11.23t-4.39 9.93v2.16a2.33 2.33 0 0 1-.7 1.84 2.23 2.23 0 0 1-1.42.54 4.17 4.17 0 0 1-2.77-1.41c-.29-.24-.45-2.06-.47-5.47v-11.63a6.86 6.86 0 0 0-.07-.88 6.53 6.53 0 0 1-.07-.81 2 2 0 0 1 .36-1.19 1.52 1.52 0 0 1 1.37-.64 4.14 4.14 0 0 1 2 .59 2.76 2.76 0 0 1 1.28 1.13 2 2 0 0 1 .14.72 2.72 2.72 0 0 1-.28 1 2.65 2.65 0 0 0-.29 1.08v5a42.92 42.92 0 0 1 3.42-6.37c1.37-1.78 2.91-2.61 4.64-2.49 1 .08 1.77 1 2.2 2.88a30.41 30.41 0 0 1 .54 6.2v6.48a4 4 0 0 0 .5.9 1.38 1.38 0 0 1 .28.88zM296 159.28c-.28.65-1.17 1-2.66 1a2.35 2.35 0 0 1-1.87-.58.68.68 0 0 1-.18-.5 2.88 2.88 0 0 1 .18-.8 4.25 4.25 0 0 0 .21-.82 4.73 4.73 0 0 1-3.88 2.34q-3 0-4.36-3.39a18.18 18.18 0 0 1-1-6.73 14.92 14.92 0 0 1 1.62-6.95q1.8-3.42 4.42-3.42c1 0 2 .79 3 2.38v-4.65a3.45 3.45 0 0 0-.47-1.47 3.42 3.42 0 0 1-.47-1.37 1.6 1.6 0 0 1 .18-.72 2.94 2.94 0 0 1 2.95-1.62c1.2 0 1.95.43 2.24 1.3a2.72 2.72 0 0 1 .14.82 3.62 3.62 0 0 1-.23 1.07 3.42 3.42 0 0 0-.24 1.13v20.5a2.19 2.19 0 0 0 .29.95 2.21 2.21 0 0 1 .29.92 1.44 1.44 0 0 1-.16.61zm-5-9.5a13.49 13.49 0 0 0-.69-3.89q-.75-2.37-1.47-2.37c-.56 0-1 .73-1.34 2.19a19.32 19.32 0 0 0-.39 4.07v2.63c0 2.71.59 4.07 1.77 4.07.55 0 1.05-.78 1.51-2.34a15.2 15.2 0 0 0 .61-4.36zM307.51 141.28a4 4 0 0 1-.56 1.57 4 4 0 0 0-.56 1.75v10.58a7.78 7.78 0 0 0 .4 2 8.06 8.06 0 0 1 .4 1.82 1.2 1.2 0 0 1-.58 1.08 3.5 3.5 0 0 1-1.94.58 2.1 2.1 0 0 1-1.95-.94q-.75-1.16-.75-6.87v-4.27c0-1.93.05-3.34.05-4.23a10.41 10.41 0 0 0-.1-1.31 8.6 8.6 0 0 1-.11-1.17 2.83 2.83 0 0 1 .86-2.06 1.89 1.89 0 0 1 1.33-.36 6.62 6.62 0 0 1 1.95.31 2.35 2.35 0 0 1 1.24.7 1.42 1.42 0 0 1 .32.82zm-.51-8.78a.5.5 0 0 1 .11.36 4.75 4.75 0 0 1-.22 1.12c-.16.64-.27 1.09-.32 1.33a6.76 6.76 0 0 0 .07 1.58 1 1 0 0 1-.45 1 2.39 2.39 0 0 1-1.13.24 5.46 5.46 0 0 1-2-.4c-.82-.34-1.23-.78-1.23-1.33a1.86 1.86 0 0 1 .22-.7 2.56 2.56 0 0 0 .25-.74 6.3 6.3 0 0 0 0-1.44 1.32 1.32 0 0 1 .36-1.23 3.65 3.65 0 0 1 2-.43 3.17 3.17 0 0 1 2.34.64zM328.35 158a2.46 2.46 0 0 1-2.66 1.76 2.25 2.25 0 0 1-1.15-.25 2.3 2.3 0 0 1-.79-1.58 23.12 23.12 0 0 0-.87-3.21 6.31 6.31 0 0 1-2.16 4 6 6 0 0 1-4.14 2q-2.62 0-3.63-3.49a9.2 9.2 0 0 1-.36-2.45q0-3.34 3.42-5.72 2.81-1.66 5.65-3.28a5.51 5.51 0 0 0 .14-1.19c0-.74-.2-1.18-.61-1.31a3.6 3.6 0 0 0-1-.2 1.68 1.68 0 0 0-1.25.49l-.91.91a5.14 5.14 0 0 0-1.12 1.34 1.74 1.74 0 0 1-1.19.9 2 2 0 0 1-1.69-.65 2.45 2.45 0 0 1-.76-1.77 2 2 0 0 1 .29-1 7.23 7.23 0 0 1 2.49-2.38 12.14 12.14 0 0 1 6.3-1.51 3.3 3.3 0 0 1 3.31 2.31 24.07 24.07 0 0 1 .86 5.79 65.73 65.73 0 0 0 .79 7.53 3 3 0 0 0 .62 1.18 2.25 2.25 0 0 1 .54 1.26 1.81 1.81 0 0 1-.12.52zm-6.26-8.86c-.72.39-1.43.78-2.14 1.19a8 8 0 0 0-2 1.62 4.16 4.16 0 0 0-1.3 2.52 3.18 3.18 0 0 0 .65 1.8 1 1 0 0 0 .79.5c.62 0 1.3-.69 2-2.08a23.9 23.9 0 0 0 2-5.56zM350.24 157.2a1.84 1.84 0 0 1-1 1.35 4.29 4.29 0 0 1-2.16.55 2.57 2.57 0 0 1-2.42-1.11q.3-11.09-.64-11.23t-4.4 9.93v2.16a2.29 2.29 0 0 1-.7 1.84 2.21 2.21 0 0 1-1.42.54 4.19 4.19 0 0 1-2.77-1.41c-.29-.24-.45-2.06-.47-5.47v-11.63a7.24 7.24 0 0 0-.08-.88c0-.37-.07-.64-.07-.81a2 2 0 0 1 .36-1.19 1.54 1.54 0 0 1 1.37-.64 4.14 4.14 0 0 1 2 .59 2.77 2.77 0 0 1 1.27 1.13 1.86 1.86 0 0 1 .15.72 2.77 2.77 0 0 1-.29 1 2.82 2.82 0 0 0-.29 1.08v5a42.92 42.92 0 0 1 3.42-6.37q2.06-2.67 4.65-2.49 1.54.12 2.19 2.88a29 29 0 0 1 .54 6.2v6.48a4.71 4.71 0 0 0 .51.9 1.44 1.44 0 0 1 .25.88zM382.14 136q.14 2.41-1.66 8.46a60.1 60.1 0 0 1-4.32 11c-1.94 3.62-3.72 5.44-5.33 5.44a3.43 3.43 0 0 1-2.36-1.08 3.14 3.14 0 0 1-1.13-2.24 1.56 1.56 0 0 1 .33-1q-.59-15.51-.44-21.09a4.14 4.14 0 0 1-.75-1.84 1.81 1.81 0 0 1 1-1.51 3.05 3.05 0 0 1 1.8-.61 2.09 2.09 0 0 1 1.44.5c3.12-1.22 5.19-1.84 6.23-1.84a3.66 3.66 0 0 1 1.62.4 6.44 6.44 0 0 1 2.26 2 6.19 6.19 0 0 1 1.31 3.41zm-4.9-1.08a1.15 1.15 0 0 0-.94-.43q-1.11 0-4.39 2.59-.21 2.7-.21 6 0 4.68.43 9.65c1.27-3.09 2.45-6.35 3.53-9.75a31.61 31.61 0 0 0 1.72-7.35 1.13 1.13 0 0 0-.14-.63zM398.55 155.72a6 6 0 0 1-1.94 2.92 5 5 0 0 1-2 1 8.21 8.21 0 0 1-3.42.65 5.12 5.12 0 0 1-4.25-3.1 14.18 14.18 0 0 1-1.4-6.62 16.54 16.54 0 0 1 1.58-7.45q1.77-3.54 4.72-4a8.53 8.53 0 0 1 1.11-.08c2.86 0 4.43 1.76 4.72 5.26a7.81 7.81 0 0 1-1.91 5.26 12.24 12.24 0 0 1-5.9 4.39 11.7 11.7 0 0 0 .61 1.87 1.52 1.52 0 0 0 1.37.9 3.14 3.14 0 0 0 1.76-.65 3.48 3.48 0 0 0 1.08-1c.1-.05.19-.32.29-.81a1.42 1.42 0 0 1 .76-1.06 1 1 0 0 1 .5-.11 2.35 2.35 0 0 1 1.67.84 1.94 1.94 0 0 1 .65 1.79zm-5.65-12.67c-1 0-1.74.68-2.34 2a11.09 11.09 0 0 0-1 5.4 6.41 6.41 0 0 0 3.13-2.52 6.27 6.27 0 0 0 1.44-3.53c.03-.88-.39-1.35-1.23-1.35zM416.37 154.68a6.11 6.11 0 0 1-6.05 6.08 4.88 4.88 0 0 1-3.2-1.48 13.32 13.32 0 0 1-2.34-2.91c-.6-1-.86-1.65-.79-1.91.26-.6 1.09-.9 2.48-.9a3.08 3.08 0 0 1 1.37.25 1.65 1.65 0 0 1 1 1.19 1.71 1.71 0 0 0 .36 1c.51.77 1 1.16 1.37 1.16a1.12 1.12 0 0 0 .88-.63 2.64 2.64 0 0 0 .42-1.5 3.4 3.4 0 0 0-.18-1.08q-.18-.54-2-1.65a14.81 14.81 0 0 1-3-2.34 5.89 5.89 0 0 1-1.55-4 7.51 7.51 0 0 1 1.58-4.73 4.92 4.92 0 0 1 4-2 4.4 4.4 0 0 1 3.85 1.9 4.52 4.52 0 0 1 .9 3.14 2.1 2.1 0 0 1 .39 1.44 2.42 2.42 0 0 1-.79 1.83 2.34 2.34 0 0 1-1.62.76c-.81 0-1.52-.54-2.12-1.62a2.25 2.25 0 0 1-.25-1.15 9 9 0 0 1 .05-.92c0-.4.05-.68.05-.85 0-.62-.22-.93-.68-.93-.7 0-1 .68-1 2a4.34 4.34 0 0 0 1.36 3.35 12.89 12.89 0 0 0 2.34 1.44 6.29 6.29 0 0 1 2.2 1.62 5.45 5.45 0 0 1 .97 3.44zM434.3 154.68a6.11 6.11 0 0 1-6.05 6.08 4.88 4.88 0 0 1-3.2-1.48 12.76 12.76 0 0 1-2.34-2.91c-.6-1-.87-1.65-.79-1.91.26-.6 1.09-.9 2.48-.9a3.08 3.08 0 0 1 1.37.25 1.67 1.67 0 0 1 1 1.19 1.71 1.71 0 0 0 .36 1c.5.77 1 1.16 1.37 1.16s.6-.21.88-.63a2.72 2.72 0 0 0 .41-1.5 3.4 3.4 0 0 0-.18-1.08c-.12-.36-.76-.91-1.94-1.65a14.26 14.26 0 0 1-3-2.34 5.85 5.85 0 0 1-1.55-4 7.51 7.51 0 0 1 1.58-4.73 4.92 4.92 0 0 1 4-2 4.42 4.42 0 0 1 3.86 1.9 4.52 4.52 0 0 1 .9 3.14 2.1 2.1 0 0 1 .39 1.44 2.42 2.42 0 0 1-.79 1.83 2.34 2.34 0 0 1-1.62.76c-.82 0-1.52-.54-2.12-1.62a2.25 2.25 0 0 1-.26-1.15c0-.22 0-.53.06-.92s0-.68 0-.85c0-.62-.23-.93-.68-.93-.7 0-1.05.68-1.05 2a4.35 4.35 0 0 0 1.37 3.35 12.89 12.89 0 0 0 2.34 1.44 6.39 6.39 0 0 1 2.2 1.62 5.45 5.45 0 0 1 1 3.44zM452.88 155.72a6.11 6.11 0 0 1-1.95 2.92 5 5 0 0 1-2 1 8.21 8.21 0 0 1-3.42.65 5.12 5.12 0 0 1-4.25-3.1 14.31 14.31 0 0 1-1.4-6.62 16.68 16.68 0 0 1 1.58-7.45q1.77-3.54 4.72-4a8.53 8.53 0 0 1 1.11-.08c2.86 0 4.43 1.76 4.72 5.26a7.76 7.76 0 0 1-1.91 5.26 12.19 12.19 0 0 1-5.9 4.39 12.87 12.87 0 0 0 .61 1.87 1.53 1.53 0 0 0 1.37.9 3.14 3.14 0 0 0 1.76-.65 3.48 3.48 0 0 0 1.08-1c.1-.05.19-.32.29-.81a1.44 1.44 0 0 1 .76-1.06 1 1 0 0 1 .5-.11 2.35 2.35 0 0 1 1.68.84 1.94 1.94 0 0 1 .65 1.79zm-5.66-12.67c-1 0-1.74.68-2.34 2a11.21 11.21 0 0 0-1 5.4A6.41 6.41 0 0 0 447 148a6.27 6.27 0 0 0 1.44-3.53c.04-.95-.38-1.42-1.22-1.42zM472.06 141.14c-.09.5-.55.85-1.37 1a3.69 3.69 0 0 0-1.83.83l-5.86 6.81v5.47a3.27 3.27 0 0 0 .45 1.6 2.91 2.91 0 0 1 .45 1.25 2.32 2.32 0 0 1-.25 1 2.45 2.45 0 0 1-2.49 1.37 2.66 2.66 0 0 1-2-.83 2 2 0 0 1-.5-1.37 9.09 9.09 0 0 1 .07-.94 9.28 9.28 0 0 0 .07-1V142.8a1.57 1.57 0 0 0-.29-.8 1.55 1.55 0 0 1-.28-.75 1.12 1.12 0 0 1 .14-.51c.31-.57 1.28-.86 2.92-.86q1.9 0 2.16.9a2.2 2.2 0 0 1 .1.61.7.7 0 0 1-.28.61.57.57 0 0 0-.29.44l.07 1.29 3.1-3.27c.36-.41.73-.82 1.13-1.23a2.17 2.17 0 0 1 1.39-.68 4 4 0 0 1 2.35.54 1.91 1.91 0 0 1 1.14 1.69 1.47 1.47 0 0 1-.1.36zM487.22 143.16a2.85 2.85 0 0 1-.9-.24 3 3 0 0 0-.94-.23 1.13 1.13 0 0 0-.5.11l-1.33.68v12.31a3.43 3.43 0 0 0 .73 1.77 2.4 2.4 0 0 1 .6 1.72 1.92 1.92 0 0 1-1.06 1.26 3.89 3.89 0 0 1-1.89.47 2.61 2.61 0 0 1-2.63-1.69 12.56 12.56 0 0 1-.25-3.2v-5.62c.05-2.88.07-4.7.07-5.47a3.26 3.26 0 0 0-.72.48 1.56 1.56 0 0 1-1 .42 3 3 0 0 1-1-.22c-1.68-.57-2.52-1.16-2.52-1.76a1.14 1.14 0 0 1 1-1.12 5.53 5.53 0 0 0 1.26-.25 31.61 31.61 0 0 0 3-1.55v-3.13a3.22 3.22 0 0 0-.2-1 3.25 3.25 0 0 1-.2-.89 1.14 1.14 0 0 1 .18-.61 2.87 2.87 0 0 1 2.52-1.44 2.68 2.68 0 0 1 2.59 1.44 2.32 2.32 0 0 1 .29.94 1.34 1.34 0 0 1-.43.9 1.32 1.32 0 0 0-.43.86v1.77a6.34 6.34 0 0 0 1.44-1 1.78 1.78 0 0 1 1-.5 1.25 1.25 0 0 1 .4.07 2.66 2.66 0 0 1 2.26 2.74 2.22 2.22 0 0 1-.41 1.29 1.25 1.25 0 0 1-.93.69z"/>
  </g>
</svg>
    </h2>
  </header>
  <div class="halwa-image">
   <img class="lazy" src="https://www.dropbox.com/s/2ktiwnlpykw5lje/halwa.jpg?dl=0&raw=1"   alt="gajar(carrot) ka halwa" />
  </div>
  <div class="hot-bowl-icon">
    <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px" viewBox="0 0 64.42 65.81">
            <filter id="blur" x="0" y="0">
              <feGaussianBlur in="SourceGraphic" stdDeviation="0.5" /></filter>
  <path id="bowl-outside" d="M60.43 44c2.59 3.8-1.17 12.86-8.67 18.19a27.19 27.19 0 0 1-5.61 3c-2.12.85-14.81 5.69-26.8.28C8.4 60.58 1.34 48.59 4.58 44c1-1.33 2.88-1.89 6.74-3 1.41-.41 4.56-1.23 12.68-1.57h13.32a70.64 70.64 0 0 1 10 .43c3.19.4 2.6.59 5.94 1 2.34.28 3.77.33 5.3 1.29A7.48 7.48 0 0 1 60.43 44z" transform="translate(-3.29 -2.72)"/>
  <ellipse id="bowl-inside" cx="29.48" cy="41.94" fill="#ed2b21" stroke="#731800" stroke-miterlimit="10" rx="23.84" ry="2.93"/>
  <path id="spoon" d="M65.09 25.84S68 26.7 67 28.27s-9.63 7.88-9.63 7.88L53.69 39l-5.14 2.86-5 4.44v1.6s1.77 6.16-6.58 6-7.79-2.35-7.79-2.35-2.32-3.81.57-6.38 7.7-1.44 7.7-1.44h2.89l1.93-.57 3.85-2.86z" transform="translate(-3.29 -2.72)"/>
  <g id="vaporGroup" fill="hsl(8, 33%, 15%)">
  <path id="path1" d="M18.89 20a18.5 18.5 0 0 0-1.45 2.35 3.36 3.36 0 0 0-.44 2.04 2.76 2.76 0 0 0 1 1.47 27.39 27.39 0 0 1 2.1 1.88 6.7 6.7 0 0 1 1 1.42 5.21 5.21 0 0 1 .61 1.84 5.63 5.63 0 0 1-.78 3.39 10.11 10.11 0 0 1-4.41 3.94 30.46 30.46 0 0 0 2.25-4.88 4 4 0 0 0 .12-2 3.49 3.49 0 0 0-.95-1.62c-.5-.56-1.23-1.13-1.94-1.94a5.43 5.43 0 0 1-1-1.49 4.05 4.05 0 0 1-.34-1.94 4.58 4.58 0 0 1 1.61-3A7.43 7.43 0 0 1 18.89 20z" transform="translate(-3.29 -2.72)"/>
  <path id="path2" d="M32.28 20a17.31 17.31 0 0 0-1.44 2.35 3.36 3.36 0 0 0-.41 2.07 2.71 2.71 0 0 0 1 1.47 27.47 27.47 0 0 1 2.09 1.88 7.11 7.11 0 0 1 1 1.42 5.43 5.43 0 0 1 .59 1.81 5.77 5.77 0 0 1-.78 3.39 10.17 10.17 0 0 1-4.41 3.94 30.46 30.46 0 0 0 2.25-4.88 4.12 4.12 0 0 0 .12-2 3.6 3.6 0 0 0-1-1.62c-.5-.56-1.22-1.13-1.94-1.94a5.92 5.92 0 0 1-1-1.49 3.93 3.93 0 0 1-.33-1.94 4.5 4.5 0 0 1 1.61-3A7.3 7.3 0 0 1 32.28 20z" transform="translate(-3.29 -2.72)"/>
  <path id="path4" d="M23.73 12.86a20 20 0 0 0-1.44 2.3 3.16 3.16 0 0 0-.41 2 2.55 2.55 0 0 0 1 1.38c.57.5 1.33 1 2.08 1.81a6.9 6.9 0 0 1 1 1.39 5.27 5.27 0 0 1 .56 1.79 5.41 5.41 0 0 1-.78 3.35 9.89 9.89 0 0 1-4.4 3.79 29.56 29.56 0 0 0 2.25-4.76 3.71 3.71 0 0 0 .15-1.91 3.56 3.56 0 0 0-.95-1.54c-.5-.54-1.22-1.09-1.93-1.88a5.41 5.41 0 0 1-1-1.46 3.82 3.82 0 0 1-.34-1.92 4.37 4.37 0 0 1 1.63-2.93 7.28 7.28 0 0 1 2.58-1.41z" transform="translate(-3.29 -2.72)"/>
  <path id="path3" d="M48.46 20a17.76 17.76 0 0 0-1.16 2.37 3.93 3.93 0 0 0-.24 2.08 3 3 0 0 0 .94 1.49 25.25 25.25 0 0 1 1.86 2 5.84 5.84 0 0 1 1.25 3.17 6.21 6.21 0 0 1-.67 3.17 9.91 9.91 0 0 1-4 4 32.37 32.37 0 0 0 1.74-4.86 5.14 5.14 0 0 0 .07-2 3.86 3.86 0 0 0-.81-1.65c-.42-.57-1.05-1.16-1.68-2a4.55 4.55 0 0 1 .31-6.2A6.81 6.81 0 0 1 48.46 20z" transform="translate(-3.29 -2.72)"/>
  <path id="path5" d="M40.83 12.86a20 20 0 0 0-1.44 2.3 3.16 3.16 0 0 0-.41 2 2.61 2.61 0 0 0 1 1.38c.57.5 1.33 1 2.08 1.81a6.55 6.55 0 0 1 1 1.39 5.27 5.27 0 0 1 .56 1.79 5.41 5.41 0 0 1-.78 3.35 9.89 9.89 0 0 1-4.4 3.79 29.56 29.56 0 0 0 2.25-4.76 3.71 3.71 0 0 0 .15-1.91 3.47 3.47 0 0 0-1-1.54c-.5-.54-1.22-1.09-1.93-1.88a5.41 5.41 0 0 1-1-1.46 3.82 3.82 0 0 1-.34-1.92 4.37 4.37 0 0 1 1.63-2.93 7.36 7.36 0 0 1 2.63-1.41z" transform="translate(-3.29 -2.72)"/>
</svg>
  </div>
  <ul class="receipe-details">
    <li>Grate carrots.</li>
    <li>Heat ghee in a deep non-stick pan. Add grated carrots, mix and cook for 4-5 minutes, stirring occasionally. Cover and cook for 2-3 minutes. </li>
    <li>Add milk, mix, cover and cook for 4-5 minutes, stirring occasionally. Add sugar, mix and cook for 2-3 minutes. </li>
    <li>Add cardamom powder and mix. Add khoya and mix till it melts. Add 1 tablespoon raisins, almonds, cashewnuts and 1 tablespoon pistachios and mix well.</li>
    <li>Serve hot garnished with pistachios, raisins and silver warq.</li>
  </ul>
    
  <div class="ingredients">
    <div class="ingredient">
        <h5 class="ingredient-quantity">5-6 lg</h5>
        <span class="ingredient-img carrot-image"></span>
        <h5 class="ingredient-name">Carrot</h5>
    </div>
    <div class="ingredient">
      <h5 class="ingredient-quantity">1 tbsp</h5>
      <span class="ingredient-img pistachios-image"></span>
      <h5 class="ingredient-name">Pistachios</h5>
    </div>
    <div class="ingredient">
      <h5 class="ingredient-quantity">6-7</h5>
      <span class="ingredient-img almonds-image"></span>
      <h5 class="ingredient-name">Almonds</h5>
    </div>
    <div class="ingredient">
      <h5 class="ingredient-quantity">¼ tsp</h5>
      <span class="ingredient-img cardamom-image"></span>
      <h5 class="ingredient-name">Cardamom</h5>
    </div>
    <div class="ingredient">
      <h5 class="ingredient-quantity">5-6</h5>
      <span class="ingredient-img cashewnuts-image"></span>
      <h5 class="ingredient-name">Cashewnuts</h5>
    </div>
    <div class="ingredient">
      <h5 class="ingredient-quantity">1 tbsp</h5>
      <span class="ingredient-img raisins-image"></span>
      <h5 class="ingredient-name">Raisins</h5>
    </div>
    <div class="ingredient">
      <h5 class="ingredient-quantity">3 tbsp</h5>
      <span class="ingredient-img ghee-image"></span>
      <h5 class="ingredient-name">Ghee</h5>
    </div>
    <div class="ingredient">
      <h5 class="ingredient-quantity">½ cup</h5>
      <span class="ingredient-img mawa-image"></span>
      <h5 class="ingredient-name">Mawa</h5>
    </div>
    <div class="ingredient">
      <h5 class="ingredient-quantity">1 cup</h5>
      <span class="ingredient-img milk-image"></span>
      <h5 class="ingredient-name">Milk</h5>
    </div>
    <div class="ingredient">
     <h5 class="ingredient-quantity">¾ cup</h5>
     <span class="ingredient-img sugar-image"></span>
     <h5 class="ingredient-name">Sugar</h5>
    </div>
  </div>
  
  <footer class="footer">
    <span class="receipe-by">Recipe by</span>
    <h5 class="author-name"><a href="https://www.youtube.com/watch?v=yW7Z8snRkUs" target="_blank">Sanjeev Kapoor</a></h5>
  </footer>
  </div>
  <div class="fixed-footer">
    I have scaled down this Responsive Grid layout by 0.5, to see the entire layout in viewport. Visit in full page view and feel free to remove scale.
  </div>
</div>
              
            
!

CSS

              
                :root {
  --bg-color: hsla(8, 33%, 84%, 0.9);
  --color: hsl(8, 33%, 15%);
  --color-light: hsl(8, 33%, 30%);
  --accent-1: #ed2b21;
  --fs-xs: 1.6rem;
  --fs-s: 1.8rem;
  --fs-m: 2.4rem;
  --box-shadow: 6px 7px 12px -5px rgba(0,0,0,0.59);
  
  --primaryFontFamily: 'Montserrat', sans-serif;
  --primary-fw-m: 500;
  --primary-fw-sb: 600;
}

html {
  font-size: 62.5%;
}
body {
  font-family: var(--primaryFontFamily);
  font-size: var(--fs-s);
  line-height: 1.5;
  font-weight: var(--primary-fw-m);
  color: var(--color);
}

h2 {
  text-shadow: 5px 4px 3px rgba(77,66,66,0.47);
}

.receipe-details {
  list-style: none;
  padding-left: 1rem;
  grid-area: receipeDetails;
}
.receipe-details li {
  padding: 0 0 1.2rem 0px;
}
.receipe-details li:before {
  content: "";
  width: 2rem;
  height: 2rem;
  color: currentColor;
  display: inline-block;
  background-image: url("https://www.dropbox.com/s/01lu8sconh60u0c/method-icon.svg?dl=0&raw=1");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 1rem;
}
header {
  grid-area: header;
}
.container {
  transform: scale(0.5);
  max-width: 800px;
  margin: auto;
  padding: 1.6rem;
  background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 100'%3e%3cdefs%3e%3cfilter id='paperTexture'%3e%3cfeTurbulence id='turb' type='fractalNoise' baseFrequency='0.3' stitchTiles='stitch' numOctaves='5' result='noise'%3e%3c/feTurbulence%3e%3cfeDiffuseLighting id='diffLight' class='lght' in='noise' lighting-color='hsl(8, 33%25, 84%25)' surfaceScale='5'%3e%3cfeDistantLight azimuth='35' elevation='60'%3e%3c/feDistantLight%3e%3c/feDiffuseLighting%3e%3c/filter%3e%3c/defs%3e%3crect opacity='0.9' filter='url(%23paperTexture)' width='100%25' height='100%25'%3e%3c/rect%3e%3c/svg%3e");
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "header"
                       "halwaImage" 
                       "hotBowlIcon"
                       "ingredients"
                       "receipeDetails"
                       "footer";
  grid-gap: 2rem;
}
.hot-bowl-icon {
  display: flex;
  align-items: flex-start;
  grid-area: hotBowlIcon;
  justify-content: center;
  fill: currentColor;
}
.halwa-image {
  grid-area: halwaImage;
  min-width: 32rem;
  max-width: 40rem;
}
.halwa-image img {
  box-shadow: var(--box-shadow);
  width: 100%;
  object-fit: cover;
  background-color: var(--bg-color);
  min-height: 30rem;
}

.ingredients {
  grid-area: ingredients;
  display: grid;
  grid-template-columns: repeat(2, 1fr );
  grid-template-rows: repeat(5, 1fr);
  grid-gap: 1.6rem;
}

.ingredient {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  transform: rotate(-20deg);
}

.ingredient-quantity {
  background-color: var(--color-light);
  padding: 0.4rem 1.6rem;
  color: var(--bg-color);
  border-radius: 50%;
  margin-bottom: 0.8rem;
  font-size: var(--fs-xs);
  box-shadow: 3px 3px 4px 0px rgba(125,65,72,0.75);
}

.ingredient-name {
  text-align: center;
  font-weight: var(--primary-fw-sb);
}

.footer {
  margin-bottom: 3.2rem;
  grid-area: footer;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: center;
}

.author-name a {
  font-size: var(--fs-m);
  color: var(--color);
  text-decoration-color: var(--accent-1);
}

.receipe-by {
  font-size: var(--fs-xs);
  line-height: 1;
}
.ingredient-img {
  height: 0;
}
.carrot-image {
  background-position: 1% 0;
}
.pistachios-image {
  background-position: 12% 2px;
}
.almonds-image {
  background-position: 23% 0;
}
.cardamom-image {
  background-position: 33% 0;
}
.cashewnuts-image {
  background-position: 44.5% 0;
}
.raisins-image {
  background-position: 55% 0;
}
.milk-image {
  background-position: 66.4% 0;
  width: 7rem !important;
}
.sugar-image {
  background-position: 78% 0;
  width: 7rem !important;
}
.ghee-image {
  background-position: 88% 0;
}
.mawa-image {
  background-position: 99% 0;
}

@media (min-width: 768px) {
  .ingredient-img {
    display: inline-block;
    width: 5rem;
    height: 7rem;
/*     background-color: var(--bg-color); */
    background-image: url("https://www.dropbox.com/s/o42jnttt93z1tic/ingredients-sprite.png?dl=0&raw=1");
    background-repeat: no-repeat;
    background-size: auto;
    box-shadow: 4px 4px 20px 1px rgba(0,0,0,0.4);
  }
  .container {
    grid-template-columns: 2fr 7rem 3rem 1fr 0.5fr;
    grid-template-areas: "header  header  header header header"
                         "halwaImage halwaImage halwaImage            ingredients ingredients" 
                         "receipeDetails  hotBowlIcon hotBowlIcon   ingredients ingredients  "
                         "receipeDetails  .  . ingredients ingredients"
                         "footer footer footer footer footer";
    padding: 1.2rem 2.8rem 2.8rem 2.8rem;
  }
  .hot-bowl-icon {
    transform: translate(30%,-40%);
  }
  .receipe-details {
    margin-top: 4rem;
    grid-column: 1 / span 3;
  }
  
  .ingredients {
    grid-gap: 4.5rem 0;
  }
}
#path4, #path5 {
  filter: url(#blur);
  transform: translateX(0px) translateY(35px)  scale(1);
  opacity: 0;
  visibility: hidden;
  animation: steam2 5s 4s linear infinite;
}

#path1, #path2, #path3  {
  transform: translateX(0) translateY(25px)  scale(1);
  opacity: 0;
  visibility: hidden;
  filter: url(#blur);
  animation: steam1 5s 3s linear infinite;
}


@keyframes steam1 {
  0% {
    visibility: visible;
    transform: translateX(0) translateY(5px)  scale(1);
    opacity: 0.07;
    color: red
  }
  20% {
    transform: translateX(-10px) translateY(-10px)  scale(1.1);
    opacity: 0.2;
  }
  40% {
    transform: translateX(-15px) translateY(-20px)  scale(1.2);
    opacity: 0.3;
  }
  60% {
    transform: translateX(-20px) translateY(-30px)  scale(1.3);
    opacity: 0.2;
  }
  80% {
     transform: translateX(-23px) translateY(-45px)  scale(1.4);
    opacity: 0.07;
  }
  100% {
    transform: translateX(-25px) translateY(-55px) scale(1.5);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes steam2 {
  0% {
    visibility: visible;
    transform: translateX(0) translateY(10px)  scale(1);
    opacity: 0.07;
  }
  20% {
    transform: translateX(-10px) translateY(0px)  scale(1.1);
    opacity: 0.2;
  }
  40% {
    transform: translateX(-15px) translateY(-10px)  scale(1.2);
    opacity: 0.3;
  }
  60% {
    transform: translateX(-20px) translateY(-15px)  scale(1.3);
    opacity: 0.2;
  }
  80% {
     transform: translateX(-25px) translateY(-25px)  scale(1.4);
    opacity: 0.07;
  }
  100% {
    transform: translateX(-30px) translateY(-35px) scale(1.5);
    opacity: 0;
    visibility: hidden;
  }
}
.fixed-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: black;
  color: white;
  text-align: center;
  font-size: 14px;
  padding: 8px;
}
              
            
!

JS

              
                


              
            
!
999px

Console