Published on

6 Easy Ways To Build A The New England Journal of Medicine Clone With Tailwind CSS

Tags
Pages
The New England Journal of Medicine Clone

What is Tailwind CSS?

Tailwind CSS is a utility-first CSS framework that focuses on creating personalized user interfaces quickly. It can gives you all the building blocks you are able to create personalized designs without having to fight to override irritating opinionated styles. Also, Tailwind CSS is a highly configurable, low-level CSS framework.

The description of The New England Journal of Medicine Clone ui component

Clone of the new england journal of medicine website

Why use Tailwind CSS to create a The New England Journal of Medicine Clone ui component?

  • It can make the building process of The New England Journal of Medicine Clone ui component faster and more easily.
  • Enables building complex responsive layouts and components freely.
  • Minimum lines of CSS code in The New England Journal of Medicine Clone component file.

The preview of The New England Journal of Medicine Clone ui component

Free download of the The New England Journal of Medicine Clone's source code

The source code of The New England Journal of Medicine Clone ui component

<body class="antialiased">
      <style>
         @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
         *{
         font-family: 'Noto Sans TC', sans-serif;
         }
         html{
            background-color:white;
         }
         .max-w-8xl{
         max-width: 87rem;
         }
         .text-red-nejm{
         color: #f30;
         }
         .bg-red-nejm{
         background-color: #f30;
         }
      </style>
      <div class="bg-gray-100 hidden sm:block">
         <div class="max-w-8xl mx-auto flex flex-row justify-between">
            <div class="flex flex-row text-blue-800">
               <p class="py-2 border-r border-gray-300 pr-4">NEJM Group</p>
               <p class="p-2">Follow Us</p>
            </div>
            <div class="flex flex-row">
               <p class="py-2 border-r border-gray-300 pr-4 text-blue-800 inline-flex">
                  <svg class="w-6 h-6 mr-2 text-gray-800" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"></path>
                  </svg>
                  Sign In
               </p>
               <p class="p-2 text-blue-800">Create Account</p>
               <button class="py-2 px-4 text-xs text-white bg-red-nejm uppercase tracking-wider">Subscribe</button>
            </div>
         </div>
      </div>
      <div class="border-b border-gray-300 py-8 px-5 sm:px-0">
         <div class="max-w-8xl mx-auto">
            <svg class="h-10 sm:h-16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg2" version="1.1" xml:space="preserve" viewBox="0 0 349.49 58.5">
               <link id="dark-mode-general-link" rel="stylesheet" type="text/css"/>
               <defs id="defs6">
                  <clipPath id="clipPath18" clipPathUnits="userSpaceOnUse">
                     <path id="path16" d="M0 0h2551v3301H0z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath54" clipPathUnits="userSpaceOnUse">
                     <path id="path52" d="M120.83 120.83h2312.5v3062.5H120.83z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath66" clipPathUnits="userSpaceOnUse">
                     <path id="path64" d="M120.83 120.83h2312.5v3062.5H120.83z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath78" clipPathUnits="userSpaceOnUse">
                     <path id="path76" d="M120.83 120.83h2275v281.25h-2275z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath90" clipPathUnits="userSpaceOnUse">
                     <path id="path88" d="M120.83 120.83h2275v281.25h-2275z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath113" clipPathUnits="userSpaceOnUse">
                     <path id="path111" d="M120.83 120.83h2312.5v3062.5H120.83z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath143" clipPathUnits="userSpaceOnUse">
                     <path id="path141" d="M1736.46 917.7h696.87v468.76h-696.87z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath155" clipPathUnits="userSpaceOnUse">
                     <path id="path153" d="M120.83 120.83h2312.5v3062.5H120.83z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath173" clipPathUnits="userSpaceOnUse">
                     <path id="path171" d="M120.83 1477.08h81.25v50h-81.25z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath185" clipPathUnits="userSpaceOnUse">
                     <path id="path183" d="M230.2 1477.08h50v50h-50z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath197" clipPathUnits="userSpaceOnUse">
                     <path id="path195" d="M120.83 120.83h2312.5v3062.5H120.83z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath245" clipPathUnits="userSpaceOnUse">
                     <path id="path243" d="M1736.46 1939.58h696.87v468.75h-696.87z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath257" clipPathUnits="userSpaceOnUse">
                     <path id="path255" d="M120.83 120.83h2312.5v3062.5H120.83z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath275" clipPathUnits="userSpaceOnUse">
                     <path id="path273" d="M120.83 2498.96h81.25v50h-81.25z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath287" clipPathUnits="userSpaceOnUse">
                     <path id="path285" d="M230.2 2498.96h50v50h-50z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath301" clipPathUnits="userSpaceOnUse">
                     <path id="path299" d="M120.83 120.83h2312.5v3062.5H120.83z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath319" clipPathUnits="userSpaceOnUse">
                     <path id="path317" d="M170.83 452.08h650v100h-650z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath371" clipPathUnits="userSpaceOnUse">
                     <path id="path369" d="M2308.33 470.83h75v75h-75z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath383" clipPathUnits="userSpaceOnUse">
                     <path id="path381" d="M2177.08 464.58h75v75h-75z" clip-rule="evenodd"/>
                  </clipPath>
                  <clipPath id="clipPath319-5" clipPathUnits="userSpaceOnUse">
                     <path id="path317-5" d="M170.83 452.08h650v100h-650z" clip-rule="evenodd"/>
                  </clipPath>
                  <pattern id="pattern103" width="43" height="22" x="0" y="0" patternTransform="matrix(.24 0 0 -.24 -29.39 205.5)" patternUnits="userSpaceOnUse">
                     <defs id="defs97">
                        <mask id="_mask0" width="1" height="1" x="0" y="0" maskUnits="userSpaceOnUse">
                           <image id="image94" width="1" height="1" image-rendering="optimizeSpeed" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAWCAAAAAB80jpvAAAAAXNCSVQI5gpbmQAAAIJJREFUKJGVUkESgEAIYvj/o7u5gHioZqtVYwEF/ly0G/NuuUnoN2VJTrH6erlSzMCeXCt1KoGbfNuezYc8nnZWsfFMNDmYmO4OHPfEpDkrLTSRt7QkUnRnQ04fTIrsi78w7MDrffNWrKB7kn4ccwZ7Lg+6YWuYki9XfH5rc4ZFCQA+Ml8BtSnin4cAAAAASUVORK5CYII="/>
                        </mask>
                     </defs>
                     <g id="g101" transform="matrix(43 0 0 -22 0 22)">
                        <image id="image99" width="1" height="1" image-rendering="optimizeSpeed" mask="url(#_mask0)" preserveAspectRatio="none" transform="matrix(1 0 0 -1 0 1)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAWCAYAAABZuWWzAAAABHNCSVQICAgIfAhkiAAAALZJREFUSInNllEOgCAMQzvD/a88v4wEFQvr0H4aGG+jY5rDHZMyGBzP2w12+dZb/3peBJY64CWhEW2SKB2pQIEFsEqlwt55NqL0yiqBl3o2Cp4Kq2wuIAg7WqkofGEW1VDqao1IOhSUA+BOVGUZRUGZ20sft0oZcKbxpR8Zlb8D1gq/s+qR2osrGQoZwA6/xJXAMlaaSaiNu/Q1OIBn+2Tp/+wMZH0jsqHAigVOa7D2ENafoz7eAcFENiWwARCHAAAAAElFTkSuQmCC"/>
                     </g>
                  </pattern>
               </defs>
               <g id="g10" transform="matrix(.32 0 0 .32 -28.23 -104.17)">
                  <g id="g313" transform="matrix(1.67175 0 0 1.67175 -189.56 -422.44)">
                     <g id="g315" clip-path="url(#clipPath319-5)">
                        <g id="g321" fill-opacity="1" fill-rule="nonzero" stroke="none" transform="translate(170.83 452.08) scale(3.125)">
                           <path id="path323" fill="#000" d="M73.09 6.07l-.21 6.36-.56.46-5.65-6.79.1 4.8c0 .96.37 1.31 1.57 1.36v.35h-4.07v-.35c1.13-.08 1.43-.38 1.47-1.37l.2-4.14c0-1.35-.26-1.75-1.44-2.12v-.35h2.26l5.44 6.5-.13-4.71c-.03-.97-.33-1.29-1.46-1.44v-.35h3.86v.35c-1.08.17-1.36.49-1.38 1.44m10.15 6.54h-6.97v-.35c1.1-.08 1.41-.38 1.41-1.34v-4.8c0-1.06-.2-1.32-1.13-1.49v-.35h6.34l.23 1.9-.34.12a2.02 2.02 0 00-.84-1.12 2.02 2.02 0 00-1.36-.33l-1.53-.05v3.22l1.18-.05c.89-.05 1.12-.27 1.37-1.22h.34v3.06h-.34c-.27-.94-.55-1.17-1.37-1.2l-1.18-.07v2.32c0 1.03.2 1.17 1.6 1.17 1.34 0 1.87-.34 2.64-1.66l.34.1zm13.52-6.58l-2.2 5.78c-.12.39-.32.73-.61 1.02l-2.25-6.4-2.35 5.51c-.12.33-.29.62-.51.89l-2.65-7.41c-.16-.47-.38-.62-1.02-.79v-.35h3.06v.35c-.41.1-.66.3-.66.49.01.16.04.32.1.48l1.58 4.84 1.7-4.09c.11-.28.18-.57.19-.87 0-.45-.25-.7-.99-.85v-.35h3.26v.35c-.6.08-.78.28-.78.67.01.15.05.3.1.43l1.73 4.76 1.21-3.82c.16-.41.26-.84.32-1.27 0-.34-.2-.64-.9-.77v-.35h3.18v.35c-.37.07-.69.23-.96.48-.28.25-.46.56-.55.92m14.27 6.58h-6.96v-.35c1.1-.08 1.4-.38 1.4-1.34v-4.8c0-1.06-.19-1.32-1.13-1.49v-.35h6.35l.23 1.9-.35.12a2.02 2.02 0 00-.84-1.12 2.02 2.02 0 00-1.36-.33l-1.53-.05v3.22l1.19-.05c.88-.05 1.11-.27 1.36-1.22h.35v3.06h-.35c-.26-.94-.54-1.17-1.36-1.2l-1.19-.07v2.32c0 1.03.2 1.17 1.61 1.17 1.33 0 1.86-.34 2.63-1.66l.35.1zm11.62-6.54l-.22 6.36-.56.46-5.65-6.8.1 4.8c.02.97.38 1.32 1.58 1.37v.35h-4.08v-.35c1.14-.08 1.43-.38 1.48-1.37l.2-4.14c0-1.35-.26-1.75-1.45-2.12v-.35h2.27l5.44 6.5-.13-4.71c-.03-.97-.33-1.29-1.46-1.44v-.35h3.86v.35c-1.09.17-1.37.49-1.38 1.44m11.43 4.1v.84l.22 1.28a4.6 4.6 0 00-.46-.05c-.25 0-.07-.02-1.38.32-.64.16-1.3.24-1.96.23a4.38 4.38 0 01-4.39-2.43 4.08 4.08 0 01-.39-1.8c0-2.63 1.76-4.41 4.96-4.41 1.07.02 2.1.21 3.1.56l.1 1.96-.3.18c-1-1.67-1.7-2.12-3.18-2.12-1.87 0-3.15 1.49-3.15 3.72a3.44 3.44 0 00.94 2.64 3.44 3.44 0 002.6 1.09c1.24 0 1.95-.52 1.95-1.44v-.47c0-.91-.35-1.23-1.47-1.42v-.38h3.98v.33c-.9.25-1.17.55-1.17 1.37m9.82 2.44h-6.87v-.35c1.12-.08 1.43-.38 1.43-1.34V6.3c0-1.12-.16-1.39-1.01-1.67v-.35h3.84v.35c-1.13.12-1.46.42-1.46 1.32v4.82c0 .92.44 1.27 1.6 1.27 1.22 0 1.83-.58 2.4-2.3l.35.1zm7.58-3.39h-2.83l1.38-3.92zm3.23 3.39v-.35c-.54-.22-.74-.38-.9-.77l-2.9-7.28h-1.04l-2.7 6.71c-.4.96-.56 1.1-1.41 1.34v.35h3.28v-.35c-.65-.12-.75-.15-.93-.3a.51.51 0 01-.18-.4c0-.25.06-.5.16-.72l.33-1h3.35l.56 1.38c.07.16.11.32.13.49 0 .26-.23.45-.69.55v.35zm10.42-6.54l-.22 6.36-.56.46-5.65-6.8.1 4.8c.02.97.38 1.32 1.58 1.37v.35h-4.08v-.35c1.14-.08 1.43-.38 1.48-1.37l.2-4.14c0-1.35-.26-1.75-1.45-2.12v-.35h2.27l5.44 6.5-.13-4.71c-.04-.97-.33-1.29-1.46-1.44v-.35h3.86v.35c-1.09.17-1.37.49-1.38 1.44m10.89 2.51a3.43 3.43 0 01-2.24 3.26c-.45.16-.9.24-1.38.22-.95 0-1.44-.46-1.44-1.36V4.97c1-.06 1.97.11 2.89.52.44.2.83.47 1.18.8.68.61 1 1.38.99 2.3m1.44-.1c0-.77-.2-1.47-.62-2.1a3.74 3.74 0 00-1.68-1.42 6.7 6.7 0 00-3.25-.63c-.53 0-1.25.04-2.2.1l-1.23.07v.34c.92.08 1.13.33 1.13 1.36v4.52c0 1.08-.3 1.36-1.48 1.46v.34h2.5c.87.07 1.58.08 2.12.08 2.82 0 4.71-1.63 4.71-4.12m-135.34 22c.74-.26 1.35-.7 1.81-1.35.47-.64.7-1.36.7-2.15l-.04-5.94c-.02-.94-.32-1.23-1.45-1.35v-.34h4.2v.4c-1.02.1-1.3.38-1.32 1.31l-.12 5.5a3.8 3.8 0 01-2.14 3.76 3.8 3.8 0 01-1.47.38zm14.68-6.7c0 2.08-1.25 3.47-2.89 3.47-1.87 0-3.34-1.69-3.34-3.88 0-2.06 1.19-3.55 2.86-3.55 2 0 3.37 1.72 3.37 3.96m1.53-.2a4.33 4.33 0 00-4.67-4.36c-2.84 0-4.61 1.8-4.61 4.36a4.27 4.27 0 002.86 4.05c.56.2 1.14.28 1.74.24 2.77 0 4.68-1.76 4.68-4.3m10-2.38l-.11 3.04c-.09 1.98-.35 2.22-.92 2.83a3.5 3.5 0 01-2.65.8c-.8.02-1.55-.15-2.25-.53a2.8 2.8 0 01-.82-.72 3.1 3.1 0 01-.51-2.12v-3.15c0-1.04-.18-1.34-1.02-1.64v-.35h3.86v.35c-1.17.15-1.48.45-1.48 1.47v3.19c-.1.84.17 1.54.82 2.09.51.43 1.1.66 1.78.66.67 0 1.26-.21 1.76-.66.49-.55.7-1.2.6-1.92v-.2l-.08-3.14c-.05-1.02-.3-1.3-1.36-1.49v-.35h3.51v.35c-.92.25-1.1.5-1.13 1.49m8.18.73c.02.73-.28 1.28-.9 1.66-.27.09-.55.12-.83.11-.35 0-.68-.08-.98-.25v-3.49c1.4 0 1.62.14 2.12.54.42.38.62.86.59 1.43m3.9 5.75v-.22a2.96 2.96 0 01-1.83-.7c-.9-.88-1.69-1.83-2.38-2.87.49-.36.9-.8 1.21-1.32.22-.4.33-.82.33-1.27 0-1.25-.94-2-2.46-2-.62 0-1.23.06-1.83.18l-2.26-.13v.35c.98.26 1.24.6 1.24 1.62V26c0 .93-.3 1.23-1.36 1.33v.35h4.08v-.35c-1.04-.13-1.35-.45-1.35-1.33v-1.77l.64.03.6-.03c.48 1 1.11 1.9 1.9 2.68.59.64 1.32.96 2.18.97.44 0 .87-.07 1.28-.21m9.94-6.53l-.22 6.36-.55.47-5.65-6.8.1 4.8c0 .96.37 1.31 1.57 1.36v.35h-4.08v-.35c1.14-.08 1.44-.38 1.49-1.37l.2-4.14c0-1.35-.27-1.75-1.45-2.12v-.35H84l5.44 6.5-.13-4.71c-.03-.97-.33-1.29-1.46-1.44v-.35h3.86v.35c-1.08.17-1.36.49-1.38 1.44m7.95 3.15h-2.83l1.38-3.92zm3.23 3.4v-.36c-.54-.21-.73-.38-.9-.77l-2.89-7.27h-1.05l-2.7 6.7c-.4.96-.56 1.1-1.41 1.34v.35h3.29v-.35c-.66-.12-.76-.15-.94-.3a.51.51 0 01-.18-.4c.01-.25.07-.49.16-.72l.33-1h3.36l.55 1.39c.07.15.12.31.14.48 0 .27-.23.45-.7.55v.35zm8.71 0h-6.87v-.36c1.12-.08 1.43-.38 1.43-1.33v-4.63c0-1.12-.16-1.38-1.02-1.67v-.35h3.85v.35c-1.13.12-1.46.42-1.46 1.32v4.83c0 .91.44 1.26 1.6 1.26 1.22 0 1.83-.58 2.4-2.3l.35.1zm27.31 0v-.36c.6-.13.79-.33.79-.92v-.11l-.5-5.36-3.02 7.1-3-6.97-.45 4.2c-.04.28-.06.56-.06.84 0 .79.3 1.07 1.24 1.22v.35h-3.51v-.35c.92-.22 1.25-.51 1.36-1.27l.7-4.34c.07-.61.12-1.02.12-1.22 0-.53-.36-.78-1.16-.8v-.35h2.5l2.62 6 2.58-6h2.5v.35c-.84.04-1.13.24-1.13.8l.01.34.56 5.64c.07.59.27.77.9.85v.35h-3.05zm11.93 0h-6.97v-.36c1.1-.08 1.41-.38 1.41-1.33V21.2c0-1.05-.2-1.32-1.13-1.49v-.35h6.34l.23 1.9-.35.12a2.02 2.02 0 00-.84-1.12 2.02 2.02 0 00-1.36-.33l-1.53-.05v3.22l1.19-.05c.88-.05 1.12-.26 1.36-1.22h.35v3.06h-.35c-.26-.94-.54-1.17-1.36-1.2l-1.19-.07v2.32c0 1.04.2 1.17 1.61 1.17 1.34 0 1.86-.33 2.64-1.65l.34.1zm10.5-4.03a3.43 3.43 0 01-2.23 3.25c-.45.17-.9.24-1.38.22-.95 0-1.44-.46-1.44-1.36v-5.73c1-.06 1.97.11 2.89.52.44.2.83.47 1.18.8.68.62 1.01 1.38.99 2.3m1.44-.1c0-.76-.2-1.47-.62-2.1a3.74 3.74 0 00-1.68-1.42 6.7 6.7 0 00-3.25-.62c-.53 0-1.25.03-2.2.1l-1.23.06v.34c.92.09 1.13.33 1.13 1.36v4.52c0 1.08-.3 1.36-1.48 1.46v.34h2.5c.87.07 1.58.09 2.12.09 2.82 0 4.71-1.64 4.71-4.13m2.19 4.12v-.35c1.13-.08 1.47-.4 1.47-1.33V21.1c0-.95-.3-1.24-1.36-1.39v-.35h4.2v.35c-1.16.12-1.49.42-1.49 1.39V26c0 .98.33 1.28 1.48 1.34v.35zm13.9-.18c-.84.26-1.7.38-2.58.37a4.24 4.24 0 01-4.67-4.31c0-2.55 1.78-4.32 4.73-4.32.96-.01 1.86.2 2.71.63v1.95l-.3.1a4.96 4.96 0 00-1.01-1.6 2.53 2.53 0 00-1.63-.5c-1.84 0-2.97 1.45-2.97 3.56 0 2.23 1.5 3.87 3.09 3.87a3.22 3.22 0 001.77-.64c.53-.38.9-.88 1.14-1.5l.32.09zm2.86.18v-.35c1.13-.08 1.48-.4 1.48-1.33V21.1c0-.95-.3-1.24-1.37-1.39v-.35h4.2v.35c-1.16.12-1.49.42-1.49 1.39V26c0 .98.33 1.28 1.48 1.34v.35zm15.4-6.54l-.2 6.36-.56.47-5.66-6.8.1 4.8c.02.96.38 1.31 1.58 1.36v.35h-4.08v-.35c1.14-.08 1.43-.38 1.48-1.37l.2-4.14c0-1.35-.26-1.75-1.44-2.12v-.35h2.26l5.44 6.5-.13-4.71c-.03-.97-.33-1.29-1.46-1.44v-.35h3.86v.35c-1.09.17-1.36.49-1.38 1.44m9.9 6.54h-6.97v-.35c1.1-.08 1.41-.38 1.41-1.33V21.2c0-1.05-.2-1.32-1.13-1.49v-.35h6.34l.23 1.9-.35.12a2.02 2.02 0 00-.84-1.12 2.02 2.02 0 00-1.36-.33l-1.53-.05v3.22l1.19-.05c.88-.05 1.11-.26 1.36-1.22h.35v3.06h-.35c-.26-.94-.54-1.17-1.36-1.2l-1.19-.07v2.32c0 1.04.2 1.17 1.61 1.17 1.34 0 1.86-.33 2.63-1.65l.35.1zM42.18 5.53l-.02-.47 1.16.1h3.52l1.2-.1-.07.47-.06 1.52-.37-.14-.28-1.1-.14-.15h-1.68l-.31 6.21.09.14.88.37.05.23h-2.97l.1-.23.87-.37.1-.14.3-6.2H43l-.14.13-.42 1.12-.37.13.11-1.52zm9.3 3.56l.01-.6a.87.87 0 00-.11-.46l-.23-.1-1.43.85-.1 2.03a9.49 9.49 0 00-.02.85v.47c0 .13 0 .26.02.4h-.88l.37-6.77-.6-1.2 1.39-.28.14.13c-.06.3-.1.58-.12.87l-.07.99-.1 2.07.05.06c.3-.37.64-.7 1.02-.98.24-.2.52-.3.84-.32.46 0 .68.3.65.88l-.19 3.52.05.14.74-.1a1.1 1.1 0 01-.45.78c-.28.2-.6.3-.94.3h-.23zm3.6 3.52a1.1 1.1 0 01-1-.46c-.27-.5-.39-1.05-.34-1.62 0-.46.05-.91.16-1.36.1-.39.25-.76.45-1.1.17-.3.39-.54.66-.74.24-.18.51-.27.82-.27.74 0 1.1.32 1.1.97.01.27-.06.51-.2.74a2.3 2.3 0 01-.55.58c-.24.18-.5.34-.77.47-.28.13-.56.26-.84.37v.15c0 .26.02.52.05.78.02.17.07.33.15.48.06.12.15.2.27.25.14.05.27.07.41.07.12 0 .22-.01.33-.05.11-.03.22-.08.32-.14l.6-.32.05.1c-.2.3-.44.57-.73.8-.27.2-.59.3-.93.3zm.1-4.86a2.9 2.9 0 00-.37.85c-.1.4-.18.8-.21 1.21.43-.19.81-.44 1.16-.76.23-.23.34-.5.34-.84a.52.52 0 00-.1-.34.4.4 0 00-.34-.12h-.48z"/>
                           <path id="path325" fill="#000" d="M115.9 25.8c0-.48.05-.96.16-1.43a4 4 0 01.49-1.2c.2-.34.48-.61.8-.83.36-.21.75-.31 1.17-.3.47-.02.86.17 1.16.54.35.52.5 1.1.44 1.72 0 .49-.05.97-.16 1.44a4 4 0 01-.48 1.2c-.21.34-.48.61-.82.82a2.1 2.1 0 01-1.15.3c-.49.03-.88-.15-1.18-.53a2.7 2.7 0 01-.43-1.72zm.9-.2c0 .29.02.57.07.85.03.19.1.36.2.52.08.13.2.22.35.27.17.05.36.08.54.07h.6c.12-.15.21-.3.28-.49a4.94 4.94 0 00.34-1.46 8.26 8.26 0 00-.02-1.7 1.4 1.4 0 00-.2-.52.66.66 0 00-.36-.27 1.7 1.7 0 00-.54-.08h-.6c-.11.15-.2.31-.27.5a4.88 4.88 0 00-.34 1.46c-.03.29-.04.57-.04.86zm4.13-3.31h.98l.08-1.3c-.01-.6.19-1.1.6-1.52.38-.35.83-.52 1.35-.5.26 0 .51.03.76.1.2.05.4.12.6.2l-.3.8a5.8 5.8 0 00-.67-.4c-.25-.13-.5-.21-.79-.25a.73.73 0 00-.26.15.72.72 0 00-.18.3c-.06.16-.1.33-.12.5-.04.22-.07.49-.1.81l-.07 1.1h1.34l-.05.66h-1.32l-.3 4.93c.02.81-.2 1.56-.65 2.24-.37.47-.86.7-1.45.67a3.3 3.3 0 01-.7-.07c-.23-.04-.45-.1-.66-.18l.4-.9a4.6 4.6 0 001.4.7.91.91 0 00.34-.26c.1-.13.18-.28.23-.45.07-.23.12-.46.16-.7.04-.33.07-.66.08-1l.25-4.98h-1z"/>
                           <path id="path327" fill="#f30" d="M13.7 10.1c-.08.03-.13.04-.13.1 0 .06.03.06.1.06h.65c.07 0 .1 0 .1-.06 0-.08-.05-.06-.13-.1-.1-.04-.1-.13-.1-.24V8.5c0-.09-.03-.18-.13-.18h-.36c-.08 0-.1.04-.1.1 0 .05.03.09.09.1.09.03.13.09.11.18v1.16c0 .11 0 .2-.1.24zm2.38 0c-.08.03-.13.04-.13.1 0 .06.03.06.1.06h.65c.07 0 .1 0 .1-.06 0-.08-.04-.06-.12-.1-.1-.04-.11-.13-.11-.24V8.5c0-.09-.03-.18-.13-.18h-.36c-.07 0-.1.04-.1.1 0 .05.03.09.1.1.08.03.12.09.1.18v1.16c0 .11 0 .2-.1.24zm-4.64 6.7c-.13 0-.2.07-.2.2 0 .23.2.36.56.35.41 0 .66-.2.68-.55.03-.25-.07-.42-.3-.52-.05-.03-.05-.06 0-.1.13-.1.19-.24.16-.42a.49.49 0 00-.2-.32.49.49 0 00-.37-.09c-.32 0-.47.2-.47.36 0 .11.04.2.16.2.07 0 .11-.03.14-.1a.37.37 0 00-.01-.21c0-.08.06-.12.14-.11.1 0 .2.1.2.32 0 .16-.03.32-.16.38-.1.03-.2.02-.2.08 0 .07.08.06.16.07.24.03.33.22.33.48s-.15.39-.3.39c-.12 0-.2-.06-.17-.2a.15.15 0 00-.02-.14.15.15 0 00-.13-.07zm3.6 4.57a.6.6 0 00-.45.19.6.6 0 00-.17.46c0 .39.18.58.48.6a.8.8 0 00.2 0c.1-.03.11.04.1.1a.63.63 0 01-.32.43c-.12.07-.22.1-.22.17 0 .06.06.1.15.07.2-.06.36-.16.5-.3.25-.26.38-.56.4-.91 0-.5-.28-.81-.66-.81zm.04 1.07c-.2 0-.27-.15-.27-.45 0-.27.12-.42.25-.42s.26.11.26.47c0 .32-.12.4-.24.4zm-.56-12.75c0 .17.05.32.18.44.12.12.26.17.44.16h.04c.17 0 .32-.05.45-.18a.58.58 0 00.17-.45.48.48 0 00-.24-.43c-.03-.02-.02-.09 0-.1.1-.1.14-.22.14-.36 0-.24-.17-.45-.52-.45h-.01a.45.45 0 00-.35.11c-.1.1-.15.2-.15.34-.02.13.02.25.12.34.03.04.03.08 0 .11a.64.64 0 00-.27.47zm.66-1.2c.1 0 .18.08.18.3 0 .22-.08.28-.18.28-.1 0-.18-.08-.18-.29 0-.19.08-.28.18-.28zm0 .77c.15 0 .27.14.27.43s-.12.42-.27.42c-.16 0-.27-.08-.27-.42 0-.35.12-.43.27-.43zm5.1 7.47c0 .17.06.31.18.43s.27.17.44.16h.04c.17 0 .33-.05.45-.17a.58.58 0 00.18-.45.49.49 0 00-.24-.44c-.04-.02-.03-.09 0-.1.1-.1.14-.22.13-.35 0-.25-.17-.45-.52-.46a.45.45 0 00-.36.12c-.1.09-.15.2-.15.33-.01.13.03.25.12.34.03.04.03.08 0 .12a.63.63 0 00-.26.47zm.66-1.2c.1 0 .18.07.18.29 0 .23-.08.29-.18.29-.1 0-.17-.09-.17-.3 0-.18.08-.28.17-.28zm0 .76c.15 0 .28.14.28.43s-.13.42-.28.42c-.16 0-.27-.08-.27-.42 0-.34.12-.43.27-.43zm3.57.4a.48.48 0 00-.24-.43c-.04-.03-.04-.07 0-.1.1-.1.14-.22.14-.35 0-.25-.17-.46-.53-.46a.45.45 0 00-.35.12c-.1.09-.16.2-.16.33-.01.14.03.25.12.34.04.04.03.08 0 .11a.64.64 0 00-.26.47c0 .18.05.32.17.44.13.12.27.17.44.16h.04c.18 0 .33-.05.45-.17a.58.58 0 00.18-.45zm-.62-1.16c.1 0 .17.07.17.29 0 .23-.07.29-.17.29s-.18-.09-.18-.3c0-.19.08-.28.18-.28zm0 1.61c-.16 0-.28-.08-.28-.42 0-.35.13-.43.28-.43.15 0 .27.14.27.43s-.12.42-.28.42zm-14.46-.88c-.04-.03-.04-.07 0-.1.1-.1.14-.22.13-.36 0-.24-.17-.44-.52-.45a.45.45 0 00-.36.12c-.1.09-.15.2-.15.33-.02.14.03.25.12.34.03.04.03.08 0 .11a.63.63 0 00-.27.47c0 .18.06.32.18.44s.27.17.44.16h.04c.18 0 .33-.05.45-.17a.58.58 0 00.18-.45.49.49 0 00-.24-.44zm-.39-.73c.1 0 .18.07.18.29 0 .23-.08.29-.18.29-.1 0-.17-.09-.17-.3 0-.19.08-.28.17-.28zm0 1.61c-.16 0-.27-.08-.27-.42 0-.34.12-.43.27-.43.16 0 .28.14.28.43s-.12.42-.28.42zm9.38 5.16c-.03-.03-.02-.09 0-.11.1-.1.15-.21.14-.35 0-.24-.17-.45-.53-.45a.45.45 0 00-.35.11c-.1.1-.15.2-.16.34 0 .13.03.25.13.34.03.04.03.08 0 .11a.64.64 0 00-.27.47c0 .17.05.32.18.44.12.12.27.17.44.16h.04c.17 0 .32-.05.45-.18a.58.58 0 00.17-.45.49.49 0 00-.24-.43zm-.38-.73c.1 0 .18.07.18.29 0 .22-.08.29-.18.29-.1 0-.18-.09-.18-.3 0-.19.08-.28.18-.28zm0 1.6c-.16 0-.27-.07-.27-.41 0-.35.12-.43.27-.43.15 0 .27.14.27.43s-.12.42-.28.42zm1.45-6.02c-.08.03-.12.04-.12.1 0 .05.03.06.1.06h.64c.08 0 .1 0 .1-.06 0-.08-.04-.06-.12-.1-.1-.04-.1-.13-.1-.24v-1.36c0-.09-.04-.18-.13-.18h-.36c-.08 0-.11.04-.11.1 0 .05.04.09.1.1.09.03.12.09.11.18v1.16c0 .11-.01.2-.1.24zm3.3-.77c.14-.14.2-.31.18-.51a.57.57 0 00-.21-.4.57.57 0 00-.43-.12c-.38 0-.55.23-.55.43 0 .17.06.28.2.28.11 0 .17-.06.17-.17 0-.07-.04-.08-.02-.16.04-.1.1-.13.2-.12.18 0 .26.2.25.37-.01.15-.06.28-.16.4-.07.1-.38.33-.57.52-.17.17-.18.25-.17.32.02.08.11.1.19.1h.9c.07 0 .12-.02.14-.05.03-.1.04-.2.04-.3 0-.08-.04-.12-.08-.12-.05 0-.08.06-.12.1-.02.02-.07.05-.18.05h-.35c-.15-.07.4-.42.57-.62zm-12.84.52c-.17.18-.18.25-.17.32.02.08.11.1.19.1h.9c.07 0 .12-.01.14-.05.03-.1.04-.2.04-.3 0-.08-.04-.12-.08-.12-.05 0-.08.06-.12.1-.02.02-.07.05-.18.05h-.35c-.15-.07.4-.42.57-.62.14-.14.2-.31.18-.51a.57.57 0 00-.21-.4.57.57 0 00-.43-.12c-.38 0-.55.23-.55.43 0 .18.06.28.2.28.12 0 .17-.06.17-.17 0-.07-.04-.08-.02-.16.03-.1.1-.13.2-.12.18 0 .26.2.24.38 0 .14-.05.27-.15.39-.07.1-.38.33-.57.52zm7 5.5c.13-.15.19-.32.18-.51a.57.57 0 00-.22-.4.57.57 0 00-.43-.12c-.37 0-.55.22-.55.43 0 .17.07.27.2.27.12 0 .18-.05.18-.17 0-.07-.04-.07-.02-.15.03-.1.1-.14.2-.13.17 0 .25.21.24.38 0 .15-.06.28-.15.4-.08.1-.38.33-.57.52-.18.17-.19.24-.18.32.02.08.12.1.2.1h.9c.07 0 .1-.02.13-.05.03-.1.04-.2.04-.3 0-.09-.04-.13-.08-.13-.05 0-.08.06-.11.1-.03.03-.07.05-.18.05h-.36c-.15-.06.41-.42.58-.61zm.28-12.57c-.18.18-.2.25-.18.32.02.09.12.1.2.1h.9c.07 0 .11-.01.13-.05.03-.1.04-.2.04-.3 0-.08-.04-.12-.08-.12-.05 0-.08.06-.12.1-.02.02-.07.05-.18.05h-.35c-.15-.06.41-.42.58-.62.13-.14.19-.31.18-.5a.57.57 0 00-.22-.4.57.57 0 00-.43-.13c-.38 0-.55.23-.55.44 0 .17.07.27.2.27.12 0 .17-.06.18-.17 0-.07-.04-.08-.03-.15.04-.1.1-.14.2-.13.18 0 .26.2.25.38-.01.14-.06.27-.15.39-.08.1-.38.33-.57.52zm-9.07 7.33c-.1-.04-.11-.13-.11-.25v-1.35c0-.1-.03-.18-.13-.18h-.35c-.08 0-.11.03-.11.09s.04.1.1.1c.08.03.12.1.11.19v1.15c0 .12-.01.2-.1.24-.09.04-.14.05-.14.1 0 .06.04.07.1.07h.65c.07 0 .1-.01.1-.07 0-.07-.04-.06-.12-.1zm6 6.02c-.1-.04-.11-.13-.11-.24v-1.36c0-.1-.03-.18-.13-.18h-.35c-.08 0-.11.04-.11.09 0 .06.04.1.1.1.08.04.12.1.11.19v1.16c0 .11-.01.2-.1.23-.09.04-.14.05-.14.1 0 .06.04.07.1.07h.65c.08 0 .1 0 .1-.06 0-.08-.04-.07-.12-.1z"/>
                           <path id="path329" fill="#f30" d="M21.23 10.42a26.36 26.36 0 00-5.5 4.92L14.5 14.1a1.5 1.5 0 00-.33-1.2 1.37 1.37 0 00-1.24-.39l-.86-.87c.26 0 .5.05.75.13.17.04.33.03.49-.03a.36.36 0 01.26-.07c.15 0 .17-.06.2-.14.03-.2-.1-.46-.48-.65a1.42 1.42 0 00-.92-.21c-.17.04-.33.1-.48.2a.5.5 0 01-.4.12.4.4 0 00-.05 0l-.55-.56c-.18-.16-.32-.31-.3-.38a.44.44 0 00-.14-.45c-.12-.11-.26-.13-.4-.04-.11.06-.22.09-.34.1l-.08-.01a.44.44 0 00-.4.13.57.57 0 00-.16.5c0 .09 0 .17-.03.25l-.01.1a.9.9 0 00.22.67c.08.09.18.17.28.24.16.22.3.45.39.71.03.07.08.14.13.2 0 .4.17.74.5.99.5.36.82.3 1.55.33a7.32 7.32 0 011.14.94 1.8 1.8 0 00.42 1.45c.28.24.6.38.96.43l-.4.46c-.2.23-.37.47-.52.73a.56.56 0 01-.38.44 13.34 13.34 0 00-3.6 4.07c-.15.23-.12.32.18.06.67-.53 1.39-.98 2.16-1.35.58-.78 1.1-1.6 1.58-2.46 0 0 1.35-.61 1.4-.9l.98-.47.5.44c0 .34.12.62.36.85.24.18.5.24.8.18l1 .88c.05.38.23.7.52.95.27.17.57.26.88.29l1.94 1.71c.2.18.37.16.47.08l.01-.02c.08-.1.1-.28-.1-.46l-.42-.43-.72-.72a1.4 1.4 0 00-.28-.57c-.16-.18-.37-.3-.62-.34l-.87-.87a1.83 1.83 0 00-.5-1c-.23-.24-.5-.35-.83-.34l-.82-.83c0-.14-.03-.29-.07-.42.49-.29.8-.55.65-.65 0 0 1.47-.85 1.23-1.06 0 0 2.43-1.52 1.88-1.7 0 0 1.7-1.49 1.02-1.58 0 0 1.35-1.25.88-1.66-.27-.24-.82.03-1.7.52zm-9.36 10.29c-.25.1-.5.22-.72.36a7.93 7.93 0 011.69-1.95c-.29.56-.61 1.08-.97 1.59zm9.42.44l.63.63.42.43c.09.07.1.15.04.24-.06.03-.16.04-.29-.08l-.58-.53a.81.81 0 01-.22-.63v-.06zm-1-1c.04.06.07.1.12.14a.6.6 0 01.06.04l.14.14c.13.14.19.3.18.5 0 .08 0 .16.03.24l-.9-.81c-.25-.3-.39-.63-.4-1.02l.78.78zm-.72-.03c0 .03-.07.07-.16.07-.08 0-.15-.04-.15-.08s.07-.07.15-.07c.09 0 .16.03.16.07zm-.3-.49c.1 0 .16.03.17.1 0 .04-.08.1-.17.1-.1 0-.17-.06-.17-.1 0-.07.08-.1.17-.1zm-5.43-6.5c.16-.06.24-.05.25-.01.01.04-.02.08-.2.15-.16.06-.24.05-.25.01-.02-.03.07-.1.2-.15zm-.22.93l.07-.33c.03-.13.1-.23.23-.23s.28.1.26.17c-.02.05-.04.06-.13.08-.1.02-.13.1-.12.22 0 .1.12.09.2.05.1-.04.12.05.07.15-.04.1-.14.08-.25.1-.1.01-.1.12 0 .14.16.04.24.1.21.17s-.24.08-.43 0c-.2-.08-.19-.36-.11-.52zm-1.63-2.9c.05-.12.13-.2.25-.24.31-.1.61-.06.9.1.15.1.3.26.21.34-.05.04-.14 0-.22-.05-.08-.05-.15-.04-.22.01a.32.32 0 01-.17.08.25.25 0 01-.2-.04.32.32 0 00-.24-.05.06.06 0 00-.05.05c0 .03 0 .05.03.07.04.03.04.06 0 .1-.03.02-.12.01-.2-.04-.11-.1-.14-.2-.1-.34zm-.28.1c.05-.02.09 0 .1.04.03.06.03.14 0 .15-.08.03-.12 0-.12-.07-.01-.05-.02-.11.02-.13zm-.37-.12c.08-.02.14 0 .17.08.04.08.05.22-.01.26-.06.03-.11 0-.12-.1 0-.04-.01-.09-.05-.13-.02-.03-.03-.1.01-.11zm-.17.13c.07.08.12.26.08.3a.07.07 0 01-.08.02.07.07 0 01-.05-.07.2.2 0 00-.1-.17c-.09-.05-.12-.1-.06-.15.09-.04.16-.02.21.07zm-.25.63a.12.12 0 01-.1.05c-.04.01-.08 0-.11-.03a1.1 1.1 0 00-.2-.07c-.22-.06-.09-.3.03-.4a.33.33 0 01.19-.1c.1-.01.15.03.18.12 0 .08.01.15.04.22a.2.2 0 01-.03.21zm-1.28-.64a.54.54 0 01-.22-.16.62.62 0 01-.19-.47c.03-.1.04-.2.04-.31-.02-.12-.04-.34.06-.4a.27.27 0 01.28-.1l.1.01c.15 0 .2.03.34-.04.09-.05.16-.03.22.05.1.11.12.24.05.37 0 .16.12.29.3.42.02.01.12.1.4.38-.22.05-.41.15-.58.3-.18.18-.3.39-.34.63-.1-.27-.25-.5-.46-.68zm.69.74c.1-.05.2-.05.3-.01.09.03.17.08.16.13 0 .02-.02.04-.1.02a.63.63 0 00-.32.02c-.14.04-.15-.1-.04-.16zm-.03.46c.06-.12.15-.2.29-.2a.3.3 0 01.2 0c.06.03.07.11.03.13a.73.73 0 01-.16.08l-.14.07c-.04.03-.09.08-.14.08-.1.01-.1-.1-.08-.16zm.2.54c-.02-.02-.03-.03-.03-.08.03-.1.08-.17.16-.22.08-.05.2-.08.21-.03.02.04.04.07 0 .09a.37.37 0 00-.2.15c-.03.09-.1.1-.13.09zm.34.1c-.02.05-.06.07-.11.04-.04-.02-.04-.1-.03-.13a.3.3 0 01.12-.12c.05-.03.1.03.08.07a.38.38 0 00-.06.14zm.22.18c0 .02-.02.03-.04.04-.02 0-.04 0-.06-.02-.04-.06-.04-.11 0-.17.04-.07.08-.08.11-.05s.03.05.02.08a.5.5 0 00-.03.12zm2.21 1.1a.7.7 0 01-.25-.5c-.01-.16-.08-.3-.2-.4-.1-.07-.2-.05-.2.07 0 .12-.18.23-.36.11l.01.02a4.43 4.43 0 00-.5-.32 3.97 3.97 0 00-.44-.23.72.72 0 01-.3-.44c.1-.13.25-.2.42-.18.15 0 .32.18.4.33.1.14.15.19.24.11.07-.06-.1-.3-.19-.42a1.16 1.16 0 00-.44-.36.52.52 0 00-.45.03c.02-.1.06-.18.12-.26a.83.83 0 01.57-.29l1.47 1.45v.01h.02l.02.03c.06.07.2.34.06 1.24zm.1-1.39c-.04-.02-.04-.1 0-.17.04-.1.08-.13.12-.11.04.02.06.06 0 .17-.03.08-.08.13-.12.11zm.19 2.58c-.11-.07-.14-.16-.08-.28.03-.05.1-.06.2-.06.09 0 .12-.08.04-.11-.08-.03-.3-.2-.18-.32.04-.04.1.03.16.03s.12-.01.17-.05c.07-.03.2-.04.19.1a4 4 0 00-.02.35.3.3 0 01-.1.3c-.11.12-.24.14-.38.04zm.67.48c-.08.1-.18.12-.3.06-.12-.05-.17-.18-.07-.2.1-.02.18-.08.14-.15-.02-.04-.02-.08.02-.1.06-.04.16.02.2.11.06.1.06.18 0 .28zm.28.22c-.08-.03-.13-.09-.11-.13.02-.03.1-.03.17 0 .08.04.13.1.1.13 0 .04-.09.04-.16 0zm.46.92c.07-.08.25-.27.5-.5l.39.34c-.98.49-.96.25-.9.16zm1.58-.07l-.03.26-1.81-1.6a.9.9 0 01-.26-.87l.04-.5 1.2 1.18.55.55c.28.28.38.6.3.98zm.34.57c0-.06.08-.1.17-.1.1 0 .16.04.17.1 0 .05-.08.1-.17.1-.1 0-.17-.05-.17-.1zm.23.48c-.09 0-.16-.04-.16-.07 0-.05.07-.08.16-.08.08 0 .15.03.15.08 0 .03-.07.07-.15.07zm.22-.94l.81.8.01.02c.32.28.48.63.47 1.05l.01.16-1.2-1.07a1.96 1.96 0 01-.1-.8v-.16zm3.17-3.98c1.13-.17-1.96 1.7-1.96 1.7.95-.13-1.05.94-1.05.94.21.07 0 .24-.3.42-.05-.11-.11-.22-.2-.3a1.24 1.24 0 00-.45-.32l2.77-2.47c.82-.73 1.7-1.39 2.64-1.97.17.09-.27.57-.27.57.74-.13-1.18 1.43-1.18 1.43zm-.68-1c-1.07.85-3.22 2.99-3.62 3.35l-.15-.02c.94-1.15 1.98-2.2 3.1-3.17 2.18-1.93 3.45-2.44 3.52-2.37-.9.8-1.85 1.54-2.85 2.22z"/>
                           <path id="path331" fill="#f30" d="M9.64 10c-.05.06-.02.1.01.16.04.06.1.1.1.16 0 .05.03.13.15.24.12.1.2.12.28.05.1-.08.05-.18-.13-.41-.19-.23-.32-.28-.4-.2zm.42 1.07a.8.8 0 01-.26-.25c-.06-.08-.11-.2-.18-.15-.1.07-.05.26.12.44.18.17.33.24.38.2.04-.05.08-.15-.06-.24z"/>
                           <path id="path333" fill="#f30" d="M12.7 11c0 .05-.04.08-.11.08-.08 0-.12-.03-.12-.08s.04-.07.12-.07c.07 0 .1.02.1.07z"/>
                           <path id="path335" fill="#f30" d="M23.18 8.18l1.17-.53c.02-.01.07.01.04.05l-.66.98c-.13.23.09.27.17.23l2.37-1.4c.08-.02.13-.02.17-.04a.1.1 0 00.05-.09.1.1 0 00-.04-.09l-.25-.3a.1.1 0 00-.09-.04.1.1 0 00-.08.05.32.32 0 00-.05.14c-.01.06-.09.12-.16.18-.06.04-.71.4-.98.57-.04.02-.07-.02-.05-.05l.66-.84a.74.74 0 01.21-.21c.07-.04.13 0 .16-.04a.1.1 0 00.04-.08.1.1 0 00-.05-.09l-.38-.39a.1.1 0 00-.09-.03.1.1 0 00-.08.06l-.03.18c-.09.17-.19.33-.3.49l-.71.33c-.05.01-.08 0-.05-.05l.52-.88a.56.56 0 01.2-.22c.07-.04.13-.04.16-.07a.1.1 0 00.04-.1.1.1 0 00-.06-.08l-.45-.4c-.08-.07-.14-.06-.18.04l-.01.18a.8.8 0 01-.16.3l-1.2 1.98c-.13.21.05.28.15.26zm-1.94-1.75c-.07.05-.12.05-.15.1a.1.1 0 00-.03.09c0 .03.03.06.06.07l1.18.76c.08.07.15.07.22-.01l.32-.4c.04-.07.05-.14 0-.17-.1-.06-.25.11-.38.16a.31.31 0 01-.33-.07l-.21-.14c-.08-.05-.14-.13-.06-.24l.42-.63c.04-.05.08-.06.13-.02.1.05.2.14.2.21 0 .05-.03.15.05.2.06.03.12-.04.18-.12l.2-.32c.05-.08.1-.17.03-.21-.07-.05-.15.02-.2.03-.06.03-.14-.02-.23-.08-.03-.02-.09-.1-.05-.16 0 0 .32-.5.4-.6.07-.1.25.01.37.1.1.08.16.2.16.33.01.07.02.11.06.13.05.02.1 0 .16-.08l.18-.28c.04-.06.04-.11-.03-.16l-1.13-.74c-.06-.05-.13-.05-.17.04-.02.04 0 .1-.01.18-.03.1-.08.2-.15.29l-.99 1.48a.88.88 0 01-.2.26zM2.57 14.77c.04 0 .09-.04.16-.07.11-.02.22-.02.33 0l1.75.24c.1 0 .22.02.32.07.07.04.1.09.15.1.08.02.13-.04.13-.11l.19-1.33c.03-.1 0-.17-.11-.2l-.5-.1c-.08-.01-.14.01-.14.07-.02.1.2.16.3.27.09.09.09.17.07.33l-.03.19c-.02.1-.06.17-.2.15 0 0-.64-.07-.75-.1-.07 0-.07-.06-.07-.1.01-.1.03-.21.09-.25.04-.02.15-.03.15-.12 0-.08-.09-.1-.19-.11l-.36-.04c-.1-.02-.2-.01-.21.06-.02.09.08.13.12.16.05.05.03.14.02.25 0 .06-.03.1-.1.09l-.7-.1c-.13-.02-.07-.28-.05-.43a.45.45 0 01.24-.3c.06-.04.1-.06.1-.1 0-.06-.04-.09-.15-.1l-.33-.05c-.07-.01-.12.02-.13.09l-.22 1.4c0 .08.02.14.11.14zm8.1-11c.07.09.11.19.14.3l.56 1.67c.05.1.08.2.08.32 0 .08-.03.13-.02.18 0 .04.03.06.06.08a.1.1 0 00.1 0l1.26-.47c.11-.02.15-.08.13-.19l-.13-.5c-.02-.07-.07-.1-.13-.09-.1.04-.05.26-.1.4-.04.12-.11.16-.26.22l-.18.05c-.1.03-.18.03-.23-.1l-.25-.72c-.02-.06.03-.1.07-.1.1-.05.2-.08.26-.04.03.02.1.12.18.08.07-.03.05-.12.01-.22l-.12-.34c-.04-.1-.08-.18-.15-.16-.09.02-.08.13-.1.17-.01.07-.1.1-.2.13-.06.03-.1.02-.13-.04l-.23-.66c-.03-.12.22-.23.36-.28.13-.02.26 0 .37.08.06.04.1.05.14.03.04-.02.05-.07.02-.17l-.11-.32c-.02-.07-.07-.1-.14-.08l-1.33.49a.1.1 0 00-.08.06.1.1 0 00.01.1c.03.04.08.06.14.12zm14.7 6.61h-.18a.1.1 0 00-.07.08.1.1 0 00.03.1l.6 1.18c.04.1.1.13.2.1l.47-.2c.08-.05.1-.1.08-.15-.05-.1-.26-.02-.4-.05-.13-.02-.17-.08-.24-.22l-.08-.17a.15.15 0 01-.03-.14.15.15 0 01.1-.1s.56-.31.66-.35c.06-.03.1-.02.12.04.05.1.1.19.07.25-.02.04-.1.12-.05.2.04.06.13.03.22-.02l.32-.18c.1-.05.17-.1.13-.18-.03-.08-.14-.05-.19-.06-.07 0-.11-.1-.16-.19-.03-.05-.03-.1.03-.13 0 0 .5-.27.62-.32.1-.06.23.2.3.33.05.13.04.25-.02.37-.02.07-.04.1 0 .15.02.03.07.04.17 0l.3-.17c.06-.03.08-.08.05-.14l-.66-1.26a.1.1 0 00-.08-.07.1.1 0 00-.1.02c-.03.03-.04.09-.1.15a.7.7 0 01-.26.19l-1.55.81c-.09.06-.19.1-.3.13zM6.1 20.58c.08 0 .13.03.18.02a.1.1 0 00.08-.06.1.1 0 00-.01-.1l-.22-.5c-.02-.08-.08-.12-.16-.07-.04.02-.06.08-.12.13a.88.88 0 01-.29.16s-.49.2-.6.23c-.06.02-.1-.03-.11-.06-.04-.1-.08-.22-.04-.28.02-.04.11-.1.07-.19-.03-.07-.12-.04-.22 0l-.34.14c-.1.04-.17.08-.15.15.03.1.14.08.18.09.07.01.1.13.14.23.01.04.02.1-.04.12l-.65.26c-.12.04-.18-.13-.23-.27a.44.44 0 01.06-.36c.03-.07.05-.1.02-.15-.02-.04-.07-.05-.17-.01l-.3.12c-.08.02-.1.07-.08.14l.48 1.23c0 .04.03.06.06.08a.1.1 0 00.1-.01c.04-.03.06-.08.12-.14a.72.72 0 01.28-.16l1.65-.64c.1-.05.2-.08.3-.1zm23.37-3.74c-.05 0-.09.05-.17.07a.69.69 0 01-.32 0l-1.74-.24a.95.95 0 01-.32-.07c-.07-.04-.1-.08-.15-.1-.08-.02-.13.04-.13.11l-.15 1.24c-.02.1.01.17.11.2l.5.06c.1.03.14 0 .16-.1.01-.1-.07-.1-.22-.22a.3.3 0 01-.1-.34v-.06c.02-.1.07-.17.2-.16 0 0 1.67.22 1.77.25.12 0 .22.03.32.09.07.04.1.1.14.1.09.03.14-.02.14-.1l.07-.59c.01-.08-.02-.14-.11-.14zM6.82 6.34c.1.06.18.13.25.22L8.2 7.91c.09.07.16.16.2.26.03.08.02.14.05.18.05.07.12.06.17 0l.44-.4a.1.1 0 00.05-.09.1.1 0 00-.05-.09l-.18-.05a.7.7 0 01-.25-.2L7.49 6.18a.72.72 0 01-.18-.27c-.02-.09-.01-.14-.03-.18a.1.1 0 00-.09-.06.1.1 0 00-.09.04l-.44.4a.1.1 0 00-.05.09c0 .04.01.07.04.09.04.03.1.02.17.06zM4.3 9.61c.11.02.22.06.31.13l1.5.9c.1.04.2.1.28.18.05.07.06.13.1.15.07.06.13.02.17-.05l.28-.52a.1.1 0 00.02-.1.1.1 0 00-.08-.07c-.05-.01-.1.01-.18.01a.71.71 0 01-.3-.1l-1.52-.91a.7.7 0 01-.26-.2c-.05-.07-.05-.12-.1-.15-.06-.06-.13-.03-.16.04l-.29.52c-.04.06-.03.14.05.16.05.02.1 0 .18 0zm.64 8.3c.1-.01.22-.01.32.01.08.03.12.08.17.08.09 0 .12-.07.1-.15l-.07-.48c0-.07-.06-.12-.14-.09-.05.02-.07.07-.14.12-.1.05-.2.08-.3.1l-1.23.17c-.09 0-.08-.07 0-.1l1.66-.59c.16-.06.14-.06.14-.14 0-.05-.08-.07-.16-.1a56.5 56.5 0 00-1.72-.38c-.18-.03-.13-.1-.04-.1l1.23-.03a.73.73 0 01.34.02c.08.02.11.07.16.07.09 0 .12-.06.1-.13l.01-.58c0-.08-.05-.13-.14-.1-.04.01-.07.06-.14.11-.1.05-.21.08-.32.09L3 15.74a.75.75 0 01-.33-.02c-.08-.03-.12-.07-.17-.07-.09-.01-.12.05-.12.12v.52c0 .11.04.18.15.2l1.55.38c.03.01.12.06 0 .1-.14.05-1.39.4-1.48.44-.09.02-.13.07-.12.16l.1.7c0 .07.05.12.14.1.04-.02.07-.07.15-.11.1-.05.2-.08.31-.08zm17.59 9.7a.76.76 0 01-.2-.27l-.9-1.53c-.1-.19-.15-.3-.1-.35.05-.04.12 0 .18.1.1.15.23.17.38.06.15-.12.17-.26.06-.43a.52.52 0 00-.37-.18.52.52 0 00-.4.13c-.38.24-.3.8-.15 1.09 0 0 .76 1.3.8 1.4.07.1.1.2.13.3 0 .08-.02.14 0 .18a.1.1 0 00.07.07.1.1 0 00.1-.02l.51-.29a.1.1 0 00.07-.07.1.1 0 00-.03-.1c-.03-.04-.08-.05-.15-.1zm6.43-13.3a1.8 1.8 0 00-.9-.17c-.37-.03-.7.07-.99.3-.29.24-.45.54-.5.91 0 .23.05.45.16.65.04.07.1.12.18.14.05.02.1.01.15-.02a6.76 6.76 0 01.61-.03c.08.01.3.07.29-.15a3.12 3.12 0 01-.01-.43c0-.1-.04-.14-.1-.14-.06 0-.1.03-.15.1a.3.3 0 01-.3.12c-.33.01-.47-.06-.47-.3 0-.32.4-.54 1.09-.55.63 0 1.29.14 1.3.54.01.36-.33.43-.46.46-.12.03-.15.08-.15.16s.1.12.2.12c.08 0 .25-.02.48 0 .11 0 .18-.06.18-.16l.03-.21c.05-.15.07-.3.06-.45a1 1 0 00-.7-.9zm-2.75 10.24a1.23 1.23 0 01-.3-.24l-1.26-1.16a.67.67 0 01-.23-.23c-.04-.08-.03-.14-.07-.17a.1.1 0 00-.09-.04.1.1 0 00-.08.05l-.41.5c-.27.25-.4.55-.38.91.07.42.27.76.58 1.04.4.37.85.51 1.39.42.27-.08.5-.23.69-.45l.33-.4a.1.1 0 00.05-.1.1.1 0 00-.05-.08c-.04-.03-.1-.02-.17-.05zm-.56.6c-.21.23-.79.04-1.24-.38-.62-.56-.72-.99-.45-1.28.08-.08.15-.06.26.05l1.42 1.31c.1.1.11.2 0 .3zM3.22 12.23c.13-.02.25 0 .38.03l1.62.6c.1.01.2.05.3.12.06.05.08.1.13.12a.1.1 0 00.1 0 .1.1 0 00.05-.08l.2-.63c.13-.32.12-.64-.05-.96-.23-.35-.54-.6-.95-.73-.51-.18-1-.1-1.44.2-.2.18-.35.4-.43.66l-.16.53c-.04.07-.02.14.07.16l.18-.02zm.29-.8c.1-.3.7-.36 1.29-.16.79.27 1.06.61.92.99-.04.1-.1.11-.26.06l-1.83-.62c-.14-.05-.18-.13-.12-.27zm16.65 14.68a.83.83 0 00-.83-.09.95.95 0 00-.57.64c-.13.42-.1.82.06 1.21.12.41.36.74.7 1 .26.17.55.2.84.1.3-.12.49-.33.57-.64.12-.4.1-.81-.06-1.21a1.86 1.86 0 00-.7-1zm.1 2.51c-.3.12-.55-.2-.84-.95-.22-.58-.3-1.16.03-1.3.28-.12.52.08.83.94.27.73.32 1.19-.02 1.31zM7.03 21.58a.86.86 0 00-.73-.38c-.43-.03-.82.08-1.17.33-.36.23-.62.55-.77.95-.13.29-.1.56.07.82.18.25.42.38.72.38.44.03.83-.09 1.2-.34.36-.22.62-.54.77-.94a.81.81 0 00-.09-.82zm-1.01 1.23c-.65.45-1.08.6-1.28.31-.19-.27.06-.59.71-1.05.52-.36 1.06-.57 1.27-.29.18.24.05.53-.7 1.03zm12.28 5.97l-.13-1.18c-.06-.81-.43-1.15-1.03-1.1-.6.05-.82.4-.75 1.23.05.64.1.91.13 1.17.03.13.03.27 0 .41-.02.08-.07.12-.07.17 0 .09.06.12.13.11l.43-.03c.08 0 .13-.05.1-.14-.01-.05-.06-.06-.1-.13a.7.7 0 01-.1-.31s-.09-.6-.16-1.26c-.07-.62.02-.82.34-.86.3-.03.46.17.53.92.02.2.09.73.1 1a.8.8 0 01-.02.43c-.02.08-.06.12-.06.17 0 .09.06.12.13.1l.63-.08c.08 0 .13-.06.1-.14-.02-.05-.07-.08-.11-.15a.84.84 0 01-.09-.33zM6.06 9.13c.36.3.76.44 1.23.41a.81.81 0 00.62-.32.9.9 0 00.06-.86c-.02-.06-.08-.15-.15-.14-.07.02-.11.08-.1.18.05.17.03.33-.05.49-.23.3-.7.17-1.28-.3-.51-.41-.83-.92-.59-1.2.1-.1.25-.16.52-.05.12.05.24.1.3.02.03-.05 0-.12-.1-.2l-.37-.37a.13.13 0 00-.12-.02.13.13 0 00-.09.1c-.04.08-.06.15-.15.2a.84.84 0 00-.3.19.96.96 0 00-.21.56c-.01.2.04.4.16.58.15.28.36.53.62.73z"/>
                        </g>
                        <g id="g337" transform="rotate(-1.42 18380.9 -6628.89) scale(3.125)">
                           <path id="path339" fill="#f30" fill-opacity="1" fill-rule="nonzero" stroke="none" d="M26.12 8.95c0 .16-.08.24-.24.24-.15 0-.23-.08-.23-.24 0-.15.08-.23.23-.23.16 0 .24.08.24.23z"/>
                        </g>
                        <g id="g341" transform="rotate(-1.98 13218.64 -4628.86) scale(3.125)">
                           <path id="path343" fill="#f30" fill-opacity="1" fill-rule="nonzero" stroke="none" d="M23.36 25.79c0 .16-.08.23-.23.23-.16 0-.24-.07-.24-.23s.08-.24.24-.24c.15 0 .23.08.23.24z"/>
                        </g>
                        <g id="g345" transform="rotate(-1.88 13876.87 -4901.57) scale(3.125)">
                           <path id="path347" fill="#f30" fill-opacity="1" fill-rule="nonzero" stroke="none" d="M7.31 24.19c0 .15-.08.23-.23.23-.16 0-.24-.08-.24-.23 0-.16.08-.24.24-.24.15 0 .23.08.23.24z"/>
                        </g>
                        <g id="g349" transform="rotate(-1.99 13139.99 -4642.66) scale(3.125)">
                           <path id="path351" fill="#f30" fill-opacity="1" fill-rule="nonzero" stroke="none" d="M4.5 18.98c0 .16-.08.24-.23.24-.16 0-.24-.08-.24-.24 0-.15.08-.23.24-.23.15 0 .23.08.23.23z"/>
                        </g>
                        <g id="g353" fill="#f30" fill-opacity="1" fill-rule="nonzero" stroke="none" transform="translate(170.83 452.08) scale(3.125)">
                           <path id="path355" d="M9.46 24.77l.17-.08c.08-.06.08-.12-.02-.17l-.97-.85c-.08-.07-.15-.08-.23 0-.07.05-.33.38-.33.38-.07.06-.07.12 0 .18.08.07.12 0 .31-.06.14-.04.2.02.31.12l.09.07c.04.03.07.07.07.12 0 .05 0 .1-.04.13 0 0-1.08 1.3-1.16 1.37a.75.75 0 01-.24.22c-.08.03-.14.03-.17.06a.1.1 0 00-.05.09c0 .04.02.07.05.08l.47.38a.1.1 0 00.1.04.1.1 0 00.08-.06c.02-.04.01-.1.03-.18.04-.1.1-.2.18-.27L9.24 25c.12-.14.16-.2.22-.23zm2.26 1.1a.1.1 0 000-.1.1.1 0 00-.07-.07l-.37-.18c-.1-.06-.16-.05-.19.02-.02.04 0 .11-.03.2-.02.07-.09.12-.2.25-.05.04-.1.04-.16 0l-.4-.28c-.07-.03-.1-.08-.06-.15.05-.16.04-.21.09-.27.05-.06.15-.02.18-.09.04-.08-.02-.1-.1-.16l-.46-.29a.1.1 0 00-.1-.02.1.1 0 00-.07.06.23.23 0 00.02.18c.02.07.02.13 0 .2l-.55 2.61c-.03.1-.01.15.04.17.04.03.11 0 .21-.08l1.98-1.84c.11-.1.22-.13.24-.17zm-1.24.55l-.58.6c-.03.01-.05 0-.03-.03l.22-.84c.01-.05.04-.06.08-.02l.3.21c.02.01.03.02.03.04s0 .03-.02.04zm16.21-7.86c-.11-.1-.17-.2-.2-.2-.1-.03-.14.03-.15.1l-.1.4c-.04.12-.02.17.05.18l.2-.02c.07 0 .13.06.28.15.05.04.06.09.04.15l-.19.46c-.02.07-.07.1-.14.09-.17-.02-.21 0-.28-.04-.07-.04-.06-.14-.13-.16-.08-.02-.1.04-.13.12l-.2.52a.1.1 0 00-.02.1.1.1 0 00.08.06c.07 0 .12-.02.17-.06a.36.36 0 01.2-.03h2.69c.1 0 .15-.02.16-.07.01-.06-.03-.12-.13-.2zm1.26 1.38l-.86-.05c-.05 0-.06-.03-.04-.07l.15-.35c0-.02.01-.03.03-.03l.04.01.7.45c.03.02.02.04-.02.04zm-12.1 6.7l-.59-.03c-.07-.01-.13.02-.13.1 0 .06.04.1.06.18.03.1.03.21 0 .32l-.07.6c0 .07-.07.09-.14-.05-.06-.14-.34-1.07-.37-1.13a.2.2 0 00-.19-.1l-.37-.07c-.08-.01-.1.03-.1.06-.02.04.02.1.08.15.1.07.15.17.17.28l.26.87c.02.05.03.12-.05.14-.07.03-.37.1-.46.6a.8.8 0 00.15.65c.14.2.33.3.57.33l.84.07c.07 0 .13-.03.13-.12 0-.05-.04-.09-.07-.16a.76.76 0 010-.33l.2-1.76c0-.11.03-.22.08-.31.04-.07.1-.1.1-.15.04-.08-.01-.13-.1-.14zm-.84 2.3c-.01.09-.05.13-.12.12a.37.37 0 01-.3-.16.37.37 0 01-.06-.34c.06-.38.32-.45.43-.44.1 0 .12.06.11.14l-.06.69z"/>
                           <path id="path357" d="M17.64 6.5A9.62 9.62 0 006.7 13.45a9.62 9.62 0 005.87 11.56 9.62 9.62 0 0012.07-4.72 9.62 9.62 0 00-4.2-12.85 9.6 9.6 0 00-2.8-.94zm-.05 18.7A9.31 9.31 0 017 18.47a9.31 9.31 0 015.68-11.2 9.31 9.31 0 0111.69 4.57 9.31 9.31 0 01-4.06 12.44 9.3 9.3 0 01-2.7.92z"/>
                           <path id="path359" d="M17.96 1.23A14.86 14.86 0 002.64 9.4a14.86 14.86 0 002.81 17.13 14.86 14.86 0 0017.13 2.84 14.86 14.86 0 008.2-15.3A14.9 14.9 0 0017.96 1.23zm-.05 29.24a14.56 14.56 0 01-15-8A14.56 14.56 0 015.67 5.68 14.56 14.56 0 0122.45 2.9a14.56 14.56 0 018.02 15 14.59 14.59 0 01-12.56 12.57z"/>
                           <path id="path361" d="M15.89 0A15.96 15.96 0 001.18 9.98a15.96 15.96 0 003.58 17.41 15.96 15.96 0 0017.46 3.35 15.96 15.96 0 009.45-17.97A15.98 15.98 0 0019 .3c-1.03-.2-2.07-.3-3.12-.29zm11 26.74A15.29 15.29 0 115.12 5.28 15.29 15.29 0 0126.9 26.74z"/>
                           <path id="path363" d="M14 4.78l.06.18.13-.13c.27-.24.58-.4.94-.46.15-.01.19.04.2.06.1.14-.02.52-.17.8l-.1.2.21-.03.5-.02h.33c.23 0 .46.02.67.03l.21.02-.1-.19c-.16-.28-.28-.69-.18-.83 0-.01.04-.07.19-.05.36.05.68.21.94.46l.14.13.05-.17c.14-.48.21-.96.22-1.45v-.17l-.15.06c-.9.33-1.2.2-1.28.13a.18.18 0 01-.07-.17c.06-.21.14-.41.26-.6l.1-.15-.2-.02h-.11c-.26-.02-.53-.04-.8-.04h-.16c-.24 0-.5 0-.75.03l-.17.02.07.15c.12.21.21.44.28.68.01.05 0 .1-.04.12-.08.07-.36.19-1.32-.15l-.16-.05.01.17c.04.49.12.97.25 1.44zm1.37-1.23c.1-.09.14-.2.12-.34-.06-.2-.13-.4-.22-.59l.57-.02H16c.23 0 .48.01.71.03-.09.16-.16.33-.2.51a.4.4 0 00.16.39c.24.2.7.17 1.34-.04-.02.35-.07.7-.16 1.05a1.86 1.86 0 00-.94-.41.37.37 0 00-.4.16c-.11.3-.09.6.08.88a7.65 7.65 0 00-.49-.02H15.76l-.31.02c.1-.23.23-.64.07-.87a.37.37 0 00-.42-.15c-.34.05-.65.18-.93.4-.08-.35-.14-.7-.18-1.06.69.21 1.16.24 1.37.06zm4.01 2.38c.07.03.14.02.16-.07.01-.05-.01-.1-.01-.18a.7.7 0 01.09-.31l.44-1.14c.02-.04.07 0 .07.05l.09 1.88c0 .1.08.13.18.17.14.06.21.08.3-.15l.84-1.95c.04-.1.1-.2.18-.27l.15-.1c.05-.08.02-.14-.06-.17l-.42-.2c-.07-.03-.14-.02-.16.07v.18a.74.74 0 01-.1.3l-.38.88c-.03.07-.08.04-.07-.01l-.07-1.44c-.01-.18-.01-.27-.14-.33l-.4-.13a.1.1 0 00-.1 0 .1.1 0 00-.06.08l.03.18c0 .1-.04.21-.09.3l-.65 1.66c-.03.1-.09.2-.16.28-.07.06-.12.07-.15.11a.1.1 0 00-.02.1.1.1 0 00.08.07l.43.14zm7.15 6.17a.72.72 0 01-.32.04c-.08-.02-.13-.05-.18-.05-.09 0-.11.08-.1.15l.16.43c.02.07.07.12.15.09.05-.02.07-.07.14-.13.09-.06.2-.1.3-.11l1.18-.31c.05-.01.05.04 0 .08l-1.45 1.21c-.07.07-.05.14-.02.25.04.15.06.22.3.16l2.06-.53c.1-.03.21-.04.32-.02.09.02.13.05.18.05.09 0 .12-.07.1-.14l-.1-.46a.1.1 0 00-.06-.08.1.1 0 00-.1 0c-.04 0-.07.06-.13.11-.1.06-.2.1-.31.1l-.91.24c-.08.01-.09-.04-.04-.07l1.1-.92c.14-.13.21-.18.18-.32l-.14-.4c-.02-.07-.07-.12-.16-.08-.04.02-.06.08-.12.13a.68.68 0 01-.3.13zm1.31 10.03a.72.72 0 01-.3-.13L26 21.07a.63.63 0 01-.24-.21l-.08-.16a.1.1 0 00-.1-.03.1.1 0 00-.08.07l-.2.4a.1.1 0 00-.02.1.1.1 0 00.07.07c.04.02.1 0 .18.01.1.03.2.07.28.14l1.04.63c.04.03 0 .07-.05.06l-1.91-.2c-.1 0-.13.06-.19.16-.08.13-.15.18.06.3l1.85 1.14c.1.05.18.13.24.22.05.07.05.13.09.16.06.06.13.04.15-.04l.28-.38c.07-.06.07-.13-.02-.16-.04-.02-.1 0-.18-.02a.73.73 0 01-.29-.15l-.8-.5c-.07-.05-.04-.09.02-.07l1.43.14c.18.01.27.03.34-.09l.2-.36a.1.1 0 00.03-.1.1.1 0 00-.08-.07h-.18zM13.2 26.26a.1.1 0 00-.1 0 .1.1 0 00-.06.08l.03.18c0 .1-.02.2-.07.3l-.39 1.16c-.01.05-.06.02-.07-.03l-.22-1.91c-.02-.1-.1-.12-.2-.15-.15-.05-.2-.1-.28.12l-.7 2.06c-.03.1-.09.2-.16.28-.06.06-.12.08-.14.12-.05.07 0 .13.07.14l.43.19c.07.05.14.04.16-.05l-.02-.18c0-.11.03-.22.08-.32l.3-.9c.04-.08.09-.05.09 0l.17 1.43c.03.19.03.28.16.32l.4.11c.07.03.14 0 .15-.08.01-.05-.02-.1-.03-.18 0-.11.01-.22.06-.32l.56-1.7c.03-.1.08-.2.15-.28.06-.06.12-.08.14-.12a.1.1 0 000-.1.1.1 0 00-.07-.06zM8.09 5.28c.08.07.15.15.2.25l.94 1.53c.07.08.11.18.13.3v.17a.1.1 0 00.08.08.1.1 0 00.1-.03l.37-.27c.1-.04.1-.1.03-.18-.03-.03-.09-.04-.15-.09a.68.68 0 01-.2-.25l-.65-1.04c-.02-.04.03-.06.08-.03l1.59 1.03c.08.05.14 0 .23-.05.14-.09.2-.11.07-.32L9.8 4.55a.7.7 0 01-.12-.3v-.19A.1.1 0 009.62 4a.1.1 0 00-.1.02l-.4.23c-.1.03-.12.09-.05.17.03.04.1.05.16.1.08.07.14.16.19.26l.49.82c.04.07-.02.09-.06.05l-1.2-.78c-.16-.1-.23-.15-.35-.08l-.34.24c-.07.04-.1.1-.03.17.03.04.08.04.16.1z"/>
                        </g>
                     </g>
                  </g>
               </g>
            </svg>
         </div>
      </div>
      <div class="border-b border-gray-300 p-4 hidden lg:block">
         <div class="max-w-8xl mx-auto flex flex-row justify-between">
            <div class="flex flex-row space-x-9">
               <a class="uppercase text-sm font-medium tracking-widest">SPECIALTIES</a>
               <a class="uppercase text-sm font-medium tracking-widest">TOPICS</a>
               <a class="uppercase text-sm font-medium tracking-widest">MULTIMEDIA</a>
               <a class="uppercase text-sm font-medium tracking-widest">CURRENT ISSUE</a>
               <a class="uppercase text-sm font-medium tracking-widest">LEARNING/CME</a>
               <a class="uppercase text-sm font-medium tracking-widest">AUTHOR CENTER</a>
               <a class="uppercase text-sm font-medium tracking-widest text-red-nejm">COVID-19</a>
            </div>
            <div class="flex flex-row space-x-5">
               <a class="uppercase text-sm font-medium tracking-wider">Search</a>
               <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
               </svg>
            </div>
         </div>
      </div>
      <div class="flex flex-col sm:flex-row max-w-8xl mx-auto">
         <div class="flex flex-col sm:w-2/3 sm:border-r border-gray-300">
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 mt-8">
               <div class="p-5 text-center sm:border-r border-gray-300 sm:row-span-2 sm:col-span-2 flex flex-col">
                  <img src="https://www.nejm.org/pb-assets/images/editorial/large/NEJMoa2109072_600x400-1627484237657.jpg" alt="">
                  <p class="text-red-nejm uppercase font-semibold text-xs tracking-widest my-3">Original article</p>
                  <a class="font-serif text-4xl">Breakthrough Covid-19 in Health Care Workers</a>
                  <p class="text-gray-500 my-2 text-sm">M. Bergwerk and Others</p>
                  <p class="font-serif text-gray-600 text-sm leading-snug">Among 1497 health care workers who were fully vaccinated against Covid-19, 39 breakthrough infections were detected among those with full testing results between January 20 and April 28, 2021. The infected workers had mild symptoms or were asymptomatic and had lower titers of peri-infection neutralizing antibody than coworkers who were not infected</p>
                  <div class="flex flex-row justify-between mt-auto">
                     <p class="text-gray-700 text-xs font-medium">FREE</p>
                     <p class="text-gray-400 text-xs font-medium">JUL 28</p>
                  </div>
               </div>
               <div class="mx-5 pb-5 text-left border-b border-gray-300 flex flex-col">
                  <p class="text-red-nejm uppercase font-semibold text-xs tracking-widest mb-1">Editorial</p>
                  <a class="font-serif text-xl">Looking Back and Looking Forward</a>
                  <p class="text-gray-500 my-2 text-sm">E.J. Rubin, L.R. Baden, and S. Morrissey</p>
                  <div class="flex flex-row space-x-6 flex-1">
                     <p class="font-serif text-gray-600 text-sm leading-snug">In this audio interview conducted on July 27, the editors look at what we’ve learned, what we’ve endured, and how we can plan for the future.</p>
                     <img class="h-20" src="https://www.nejm.org/pb-assets/images/editorial/small/coronavirus_podcast_300x200-1582749539347.jpg" alt="">
                  </div>
                  <div class="flex flex-row justify-between mt-auto">
                     <p class="text-gray-700 text-xs font-medium">FREE</p>
                     <p class="text-gray-400 text-xs font-medium">JUL 28</p>
                  </div>
               </div>
               <div class="mx-4 py-5 text-left flex flex-col">
                  <p class="text-red-nejm uppercase font-semibold text-xs tracking-widest mb-1">Original article</p>
                  <a class="font-serif text-xl">Tofacitinib for Covid-19 Pneumonia</a>
                  <p class="text-gray-500 my-2 text-sm">P.O. Guimarães and Others</p>
                  <div class="flex flex-row">
                     <p class="font-serif text-gray-600 text-sm leading-snug">Patients who were hospitalized with Covid-19 pneumonia were randomly assigned, at a median of 10 days after symptom onset, to receive tofacitinib or placebo. At 28 days, the risk of death or respiratory failure was lower in the tofacitinib group.</p>
                     <img class="h-20" src="https://www.nejm.org/pb-assets/images/editorial/small/NEJMoa2101643_300x200-1627325337143.jpg" alt="">
                  </div>
                  <div class="flex flex-row justify-between mt-auto">
                     <p class="text-gray-700 text-xs font-medium">FREE</p>
                     <p class="text-gray-400 text-xs font-medium">JUL 29</p>
                  </div>
               </div>
            </div>
            <hr class="my-4">
            <div class="flex flex-col sm:flex-row mb-4">
               <div class="flex flex-col border-r border-gray-300">
                  <div class="mx-4 py-5 text-left flex flex-col">
                     <p class="text-red-nejm uppercase font-semibold text-xs tracking-widest mb-1">INTERACTIVE MEDICAL CASE</p>
                     <a class="font-serif text-xl">A Periodic Problem</a>
                     <p class="text-gray-500 my-2 text-sm">A. Kratka and Others</p>
                     <div class="flex flex-row">
                        <p class="font-serif text-gray-600 text-sm leading-snug">This interactive feature describes the case of a 27-year-old man who presented to the emergency department with weakness in both legs that was so severe he could not stand. Test your diagnostic and therapeutic skills.</p>
                        <img class="h-20" src="https://www.nejm.org/pb-assets/images/editorial/small/NEJMimc2035901_300x200-1627325832037.jpg" alt="">
                     </div>
                     <div class="flex flex-row justify-between mt-auto">
                        <p class="text-gray-700 text-xs font-medium">FREE</p>
                        <p class="text-gray-400 text-xs font-medium">JUL 29</p>
                     </div>
                  </div>
                  <div class="mx-4 py-5 text-left flex flex-col">
                     <p class="text-red-nejm uppercase font-semibold text-xs tracking-widest mb-1">CLINICAL DECISIONS</p>
                     <a class="font-serif text-xl">Anticoagulation after Ablation for Atrial Fibrillation</a>
                     <p class="text-gray-500 my-2 text-sm">S.R. Kadire, S.M. Al-Khatib, and H. Calkins</p>
                     <div class="flex flex-row">
                        <p class="font-serif text-gray-600 text-sm leading-snug">This interactive feature about management of atrial fibrillation offers a case vignette accompanied by two essays supporting different approaches to the use of anticoagulants after ablation for atrial fibrillation. Vote and comment.</p>
                        <img class="h-20" src="https://www.nejm.org/pb-assets/images/editorial/small/NEJMclde2103770_300x200-1627487581913.jpg" alt="">
                     </div>
                     <div class="flex flex-row justify-between mt-auto">
                        <p class="text-gray-700 text-xs font-medium">FREE</p>
                        <p class="text-gray-400 text-xs font-medium">JUL 29</p>
                     </div>
                  </div>
               </div>
               <div class="flex flex-col">
                  <div class="mx-4 py-5 text-left flex flex-col">
                     <p class="text-red-nejm uppercase font-semibold text-xs tracking-widest mb-1">PERSPECTIVE</p>
                     <a class="font-serif text-xl">From Crime to Care</a>
                     <p class="text-gray-500 my-2 text-sm">N.P. Morris</p>
                     <p class="font-serif text-gray-600 text-sm leading-snug">Many clinicians are working on the front lines of decarceration, supporting and treating patients who might once have been incarcerated. Models for decarceration involving problem-solving courts and treatment are not perfect, but they allow physicians to do their part.</p>
                     <div class="flex flex-row justify-between mt-auto">
                        <p class="text-gray-700 text-xs font-medium">FREE</p>
                        <p class="text-gray-400 text-xs font-medium">JUL 29</p>
                     </div>
                  </div>
                  <div class="mx-4 py-5 text-left flex flex-col">
                     <p class="text-red-nejm uppercase font-semibold text-xs tracking-widest mb-1">PERSPECTIVE</p>
                     <a class="font-serif text-xl">Controversy and Progress in Alzheimer’s Disease</a>
                     <p class="text-gray-500 my-2 text-sm">G.D. Rabinovici</p>
                     <p class="font-serif text-gray-600 text-sm leading-snug">The FDA’s accelerated approval of aducanumab represents a landmark moment, though the drug’s road to the clinic has been rocky and contentious. The hope is that despite its limitations, this first-in-class drug will open the door to more efficacious therapies.</p>
                     <div class="flex flex-row justify-between mt-auto">
                        <p class="text-gray-700 text-xs font-medium">FREE</p>
                        <p class="text-gray-400 text-xs font-medium">JUL 29</p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="sm:w-1/3 mt-8 flex flex-col space-y-8">
            <p class="text-gray-400 text-center uppercase tracking-widest font-semibold text-xs">Advertisement</p>
            <div class="bg-gray-100 border-t border-black pb-5 mx-5 ">
               <div class="p-4 text-sm text-gray-800 font-bold">
                  <div class="flex flex-row justify-between">
                     <p>Image Challenge</p>
                     <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                     </svg>
                  </div>
                  <hr class="mt-5">
               </div>
               <div class="px-5 text-gray-800 flex flex-row justify-between mb-5">
                  <div class="flex flex-col">
                     <p class="font-serif">What is the diagnosis?</p>
                     <button type="button" name="button" class="p-2 bg-red-nejm w-min mt-4 text-white text-sm tracking-wider font-medium inline-flex">
                        Answer
                        <svg class="w-6 h-6 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                        </svg>
                     </button>
                  </div>
                  <img class="h-16" src="https://csvc.nejm.org/ContentServer/images?id=IC20210729&width=150&height=4000" alt="">
               </div>
            </div>
            <div class="border-t border-black mx-5">
               <div class="py-5 text-gray-800 font-bold text-sm">
                  Image of the Week
                  <hr class="mt-5">
               </div>
               <div class="text-gray-800 flex flex-row justify-between mb-5">
                  <div class="flex flex-col">
                     <p class="font-serif text-sm leading-snug text-gray-600">An Icteric Tongue — A 12-year-old boy presented with a 4-day history of sore throat and a 3-day history of dark urine, abdominal pain, and pallor.</p>
                  </div>
                  <img class="h-16" src="https://www.nejm.org/pb-assets/images/editorial/small/NEJMicm2034755_150x100-1627325336347.jpg" alt="">
               </div>
            </div>
            <div class="bg-gray-100 border-t border-black pb-5 mx-5 ">
               <div class="p-5 text-gray-800 font-bold">
                  You may be interested in
                  <hr class="mt-5">
               </div>
               <div class="px-5 text-gray-800 flex flex-row justify-between mb-5">
                  <div class="flex flex-col">
                     <p class="text-red-nejm uppercase font-semibold text-xs tracking-widest ">IMAGES IN CLINICAL MEDICINE</p>
                     <p class="my-2 font-serif text-lg">Acute Febrile Neutrophilic Dermatosis</p>
                     <p class="text-gray-400 uppercase tracking-widest text-xs">A.M. Ayyash and R. Sampath</p>
                     <hr class="my-4">
                     <p class="text-red-nejm uppercase font-semibold text-xs tracking-widest ">PERSPECTIVE</p>
                     <p class="my-2 font-serif text-lg">A Child’s Loss</p>
                     <p class="text-gray-400 uppercase tracking-widest text-xs">D. Guyer</p>
                     <hr class="my-4">
                     <p class="text-red-nejm uppercase font-semibold text-xs tracking-widest ">IMAGES IN CLINICAL MEDICINE</p>
                     <p class="my-2 font-serif text-lg">Malar Rash</p>
                     <p class="text-gray-400 uppercase tracking-widest text-xs">S.E. Goglin and M.E. Margaretten</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <footer>
         <div class="border-b border-t border-gray-300 p-5">
            <div class="max-w-8xl mx-auto flex flex-row text-gray-600">
               <svg class="w-6 h-6 mr-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L9 9.414V13a1 1 0 102 0V9.414l1.293 1.293a1 1 0 001.414-1.414z" clip-rule="evenodd"></path>
               </svg>
               <p class="text-sm">Back to top</p>
            </div>
         </div>
         <div class="flex flex-col sm:flex-row max-w-8xl mx-auto divide-x divide-gray-300 mt-4">
            <div class="sm:w-1/6 pl-4 sm:pl-0">
               <p class="uppercase font-semibold text-xs tracking-widest my-3">ARTICLE CATEGORIES</p>
               <p class="text-sm text-blue-800 mb-3">Research</p>
               <p class="text-sm text-blue-800 mb-3">Reviews</p>
               <p class="text-sm text-blue-800 mb-3">Clinical Cases</p>
               <p class="text-sm text-blue-800 mb-3">Perspective</p>
               <p class="text-sm text-blue-800 mb-3">Commentary</p>
               <p class="text-sm text-blue-800 mb-3">Other</p>
               <p class="text-sm text-blue-800 mb-3">Browse all Articles</p>
               <p class="text-sm text-blue-800 mb-3">Current Issue</p>
               <p class="text-sm text-blue-800 mb-3">Issue Index</p>
            </div>
            <div class="sm:w-1/6 pl-4">
               <p class="uppercase font-semibold text-xs tracking-widest my-3">RESOURCES</p>
               <p class="text-sm text-blue-800 mb-3">Authors & Reviewers</p>
               <p class="text-sm text-blue-800 mb-3">Submit a Manuscript</p>
               <p class="text-sm text-blue-800 mb-3">Subscribers</p>
               <p class="text-sm text-blue-800 mb-3">Institutions</p>
               <p class="text-sm text-blue-800 mb-3">Media</p>
               <p class="text-sm text-blue-800 mb-3">Advertisers</p>
               <p class="text-sm text-blue-800 mb-3">Agents</p>
               <p class="text-sm text-blue-800 mb-3">Permissions</p>
               <p class="text-sm text-blue-800 mb-3">Reprints</p>
               <p class="text-sm text-blue-800 mb-3">NEJM CareerCenter</p>
            </div>
            <div class="sm:w-1/6 pl-4">
               <p class="uppercase font-semibold text-xs tracking-widest my-3">ABOUT US</p>
               <p class="text-sm text-blue-800 mb-3">About NEJM</p>
               <p class="text-sm text-blue-800 mb-3">Products & Services</p>
               <p class="text-sm text-blue-800 mb-3">Editors & Publishers</p>
               <p class="text-sm text-blue-800 mb-3">Advertising Policies</p>
               <p class="text-sm text-blue-800 mb-3">Contact Us</p>
               <p class="text-sm text-blue-800 mb-3">Accessibility</p>
               <p class="text-sm text-blue-800 mb-3">FAQs</p>
               <p class="text-sm text-blue-800 mb-3">Help</p>
               <p class="text-sm text-blue-800 mb-3">Site Feedback</p>
            </div>
            <div class="sm:w-1/6 pl-4">
               <p class="uppercase font-semibold text-xs tracking-widest my-3">SUBSCRIPTIONS</p>
               <p class="text-sm text-blue-800 mb-3">Subscribe</p>
               <p class="text-sm text-blue-800 mb-3">Renew</p>
               <p class="text-sm text-blue-800 mb-3">Activate Subscription</p>
               <p class="text-sm text-blue-800 mb-3">Create Account</p>
               <p class="text-sm text-blue-800 mb-3">Manage Account</p>
               <p class="text-sm text-blue-800 mb-3">Pay Bill</p>
               <p class="text-sm text-blue-800 mb-3">Special Content</p>
            </div>
            <div class="sm:w-1/6 pl-4">
               <p class="uppercase font-semibold text-xs tracking-widest my-3">STAY CONNECTED</p>
               <p class="text-sm text-blue-800 mb-3">Email Alerts</p>
               <p class="text-sm text-blue-800 mb-3">Create Account</p>
               <p class="text-sm text-blue-800 mb-3">Apps</p>
               <p class="text-sm text-blue-800 mb-3">NEJM CareerCenter</p>
               <p class="text-sm text-blue-800 mb-3">Podcasts</p>
               <p class="text-sm text-blue-800 mb-3">RSS Feed</p>
               <p class="text-sm text-blue-800 mb-3">Remote Access</p>
            </div>
            <div class="sm:w-1/6 pl-4">
               <p class="uppercase font-semibold text-xs tracking-widest my-3">FOLLOW US</p>
               <p class="text-sm text-blue-800 mb-3">Facebook</p>
               <p class="text-sm text-blue-800 mb-3">Twitter</p>
               <p class="text-sm text-blue-800 mb-3">Instagram</p>
               <p class="text-sm text-blue-800 mb-3">YouTube</p>
               <p class="text-sm text-blue-800 mb-3">LinkedIn</p>
            </div>
         </div>
         <div class="border-t border-gray-300 pt-5 pb-20">
            <div class="max-w-8xl mx-auto flex flex-col sm:flex-row text-gray-400 p-5 sm:p-0 justify-between">
               <p class="text-xs">Copyright © 2021 Massachusetts Medical Society. All rights reserved. Electronic ISSN 1533-4406. Print ISSN 0028-4793. <br />
                  The content of this site is intended for health care professionals. Copyright. Terms. Privacy Policy
               </p>
               <img src="http://www.bvsspa.es/profesionales/images/revistas/nejmID_a.png" class="h-8 w-min mt-5 sm:mt-0" alt="">
            </div>
         </div>
      </footer>
   </body>
</html>

How to create a The New England Journal of Medicine Clone with Tailwind CSS?

Install tailwind css of verion 2.2.4

Use the script html tag to import the script of Tailwind CSS of the version 2.2.4

<script src="https://cdn.tailwindcss.com"></script>

All the unility class needed to create a The New England Journal of Medicine Clone component

  • bg-gray-100
  • hidden
  • sm:block
  • max-w-8xl
  • mx-auto
  • flex
  • flex-row
  • text-blue-800
  • py-2
  • border-r
  • border-gray-300
  • pr-4
  • p-2
  • inline-flex
  • w-6
  • h-6
  • mr-2
  • text-gray-800
  • px-4
  • text-xs
  • text-white
  • bg-red-nejm
  • border-b
  • py-8
  • px-5
  • sm:px-0
  • h-10
  • sm:h-16
  • p-4
  • lg:block
  • text-sm
  • text-red-nejm
  • flex-col
  • sm:flex-row
  • sm:w-2/3
  • sm:border-r
  • grid
  • grid-cols-1
  • sm:grid-cols-2
  • lg:grid-cols-3
  • mt-8
  • p-5
  • text-center
  • my-3
  • text-4xl
  • text-gray-500
  • my-2
  • text-gray-600
  • mt-auto
  • text-gray-700
  • text-gray-400
  • mx-5
  • pb-5
  • text-left
  • mb-1
  • text-xl
  • flex-1
  • h-20
  • mx-4
  • py-5
  • my-4
  • mb-4
  • sm:w-1/3
  • border-t
  • border-black
  • mt-5
  • mb-5
  • w-min
  • mt-4
  • ml-2
  • h-16
  • text-lg
  • sm:w-1/6
  • pl-4
  • sm:pl-0
  • mb-3
  • pt-5
  • pb-20
  • sm:p-0
  • h-8
  • sm:mt-0

81 steps to create a The New England Journal of Medicine Clone component with Tailwind CSS

  1. Control the background color of an element to gray-100 using the bg-gray-100 utilities.

  2. Use hidden to set an element to display: none and remove it from the page layout.

  3. Use inline utilities to put the element on its own line and fill its parent at only small screen sizes.

  4. Set the maximum width/height of an element using the max-w-8xl utilities.

  5. Control the horizontal margin of an element to auto using the mx-auto utilities.

  6. Use flex to create a block-level flex container.

  7. Use flex to create a block-level flex container.

  8. Control the text color of an element to blue-800 using the text-blue-800 utilities.

  9. Control the vertical padding of an element to 0.5rem using the py-2 utilities.

  10. Control the border color of an element to r using the border-r utilities.

  11. Control the border color of an element to gray-300 using the border-gray-300 utilities.

  12. Control the padding on right side of an element to 1rem using the pr-4 utilities.

  13. Control the padding on all sides of an element to 0.5rem using the p-2 utilities.

  14. Use inline-flex to create an inline flex container that flows with text.

  15. Use w-6 to set an element to a fixed width(1.5rem).

  16. Use h-6 to set an element to a fixed height(1.5rem).

  17. Control the margin on right side of an element to 0.5rem using the mr-2 utilities.

  18. Control the text color of an element to gray-800 using the text-gray-800 utilities.

  19. Control the horizontal padding of an element to 1rem using the px-4 utilities.

  20. Control the text color of an element to xs using the text-xs utilities.

  21. Control the text color of an element to white using the text-white utilities.

  22. Control the background color of an element to red-nejm using the bg-red-nejm utilities.

  23. Control the border color of an element to b using the border-b utilities.

  24. Control the vertical padding of an element to 2rem using the py-8 utilities.

  25. Control the horizontal padding of an element to 1.25rem using the px-5 utilities.

  26. Control the horizontal padding of an element to 0rem at only small screen sizes using the sm:px-0 utilities.

  27. Use h-10 to set an element to a fixed height(2.5rem).

  28. Use sm:h-16 to set an element to a fixed height(4rem) at only small screen sizes.

  29. Control the padding on all sides of an element to 1rem using the p-4 utilities.

  30. Use inline utilities to put the element on its own line and fill its parent at only large screen sizes.

  31. Control the text color of an element to sm using the text-sm utilities.

  32. Control the text color of an element to red-nejm using the text-red-nejm utilities.

  33. Use flex to create a block-level flex container.

  34. Use flex to create a block-level flex container at only small screen sizes.

  35. Use sm:w-2/3 to set an element to a fixed width(2/3) at only small screen sizes.

  36. Control the border color of an element to r using the sm:border-r utilities at only small screen sizes.

  37. Use grid to create a grid container.

  38. Use grid to create a grid container.

  39. Use grid to create a grid container at only small screen sizes.

  40. Use grid to create a grid container at only large screen sizes.

  41. Control the margin on top side of an element to 2rem using the mt-8 utilities.

  42. Control the padding on all sides of an element to 1.25rem using the p-5 utilities.

  43. Control the text color of an element to center using the text-center utilities.

  44. Control the vertical margin of an element to 0.75rem using the my-3 utilities.

  45. Control the text color of an element to 4xl using the text-4xl utilities.

  46. Control the text color of an element to gray-500 using the text-gray-500 utilities.

  47. Control the vertical margin of an element to 0.5rem using the my-2 utilities.

  48. Control the text color of an element to gray-600 using the text-gray-600 utilities.

  49. Control the margin on top side of an element to auto using the mt-auto utilities.

  50. Control the text color of an element to gray-700 using the text-gray-700 utilities.

  51. Control the text color of an element to gray-400 using the text-gray-400 utilities.

  52. Control the horizontal margin of an element to 1.25rem using the mx-5 utilities.

  53. Control the padding on bottom side of an element to 1.25rem using the pb-5 utilities.

  54. Control the text color of an element to left using the text-left utilities.

  55. Control the margin on bottom side of an element to 0.25rem using the mb-1 utilities.

  56. Control the text color of an element to xl using the text-xl utilities.

  57. Use flex to create a block-level flex container.

  58. Use h-20 to set an element to a fixed height(5rem).

  59. Control the horizontal margin of an element to 1rem using the mx-4 utilities.

  60. Control the vertical padding of an element to 1.25rem using the py-5 utilities.

  61. Control the vertical margin of an element to 1rem using the my-4 utilities.

  62. Control the margin on bottom side of an element to 1rem using the mb-4 utilities.

  63. Use sm:w-1/3 to set an element to a fixed width(1/3) at only small screen sizes.

  64. Control the border color of an element to t using the border-t utilities.

  65. Control the border color of an element to black using the border-black utilities.

  66. Control the margin on top side of an element to 1.25rem using the mt-5 utilities.

  67. Control the margin on bottom side of an element to 1.25rem using the mb-5 utilities.

  68. Use w-min to set an element to a fixed width(min).

  69. Control the margin on top side of an element to 1rem using the mt-4 utilities.

  70. Control the margin on left side of an element to 0.5rem using the ml-2 utilities.

  71. Use h-16 to set an element to a fixed height(4rem).

  72. Control the text color of an element to lg using the text-lg utilities.

  73. Use sm:w-1/6 to set an element to a fixed width(1/6) at only small screen sizes.

  74. Set the left padding of the element to 1rem using the pl-4 utilities class

  75. Set the left padding of the element to 0rem at only small screen sizes using the sm:pl-0 utilities class

  76. Control the margin on bottom side of an element to 0.75rem using the mb-3 utilities.

  77. Control the padding on top side of an element to 1.25rem using the pt-5 utilities.

  78. Control the padding on bottom side of an element to 5rem using the pb-20 utilities.

  79. Control the padding on all sides of an element to 0rem at only small screen sizes using the sm:p-0 utilities.

  80. Use h-8 to set an element to a fixed height(2rem).

  81. Control the margin on top side of an element to 0rem at only small screen sizes using the sm:mt-0 utilities.

Conclusion

The above is a step-by-step tutorial on how to use Tailwind CSS to create a The New England Journal of Medicine Clone components, learn and follow along to implement your own components.