<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="g1 style1"><g data-tag="div" id="g1" class="g pitemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/guide/388/combine-multiple-maps/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="card1"><g data-tag="div" id="card1" class="card" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-card11)" aria-owns="card-image1 mytask1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="470.75" x="0" y="0" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="393" height="470.75" x="0" y="0" fill="#ffffff"/></mask><g data-tag="div" id="card-image1" class="card-image" data-z-index="auto" data-stacking-context="true" aria-owns="image1"><g data-tag="figure" id="image1" class="image is-4by3 myimg" data-z-index="auto" data-stacking-context="true" role="figure" mask="url(#mask-for-image11)" aria-owns="lazy1"><mask id="mask-for-image11"><rect width="393" height="294.75" x="0" y="0" fill="#ffffff"/><rect width="393" height="294.75" x="0" y="0" fill="#ffffff"/></mask><g data-tag="img" id="lazy1" class="lazy" data-z-index="auto" data-stacking-context="true" role="img" aria-label="How to Combine Multiple Maps in Flutter/Dart" mask="url(#mask-for-lazy11)"><title>How to Combine Multiple Maps in Flutter/Dart</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-lazy11"><rect width="393" height="294.75" x="0" y="0" fill="#ffffff"/></mask><image id="lazy1-image" xlink:href="/394f2e7f.webp" x="10" y="10" width="373" height="274.75" aria-label="How to Combine Multiple Maps in Flutter/Dart"/></g></g></g><g data-tag="div" id="mytask1" class="mytask" data-z-index="auto" data-stacking-context="true" aria-owns="mytitlee1 content1"><g data-tag="h2" id="mytitlee1" class="mytitlee" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" mask="url(#mask-for-mytitlee11)"><mask id="mask-for-mytitlee11"><rect width="348" height="46" x="15" y="309.75" fill="#ffffff"/></mask><text color="rgb(0, 102, 153)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 102, 153)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 102, 153)"><tspan xml:space="preserve" x="15" y="329.75" textLength="345.78125" lengthAdjust="spacingAndGlyphs">How to Combine Multiple Maps in Flutter/Dart</tspan></text></g><g data-tag="div" id="content1" class="content mydetails" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="348" height="70" x="15" y="370.75" fill="#ffffff"/></mask><text color="rgb(74, 74, 74)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(74, 74, 74)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(74, 74, 74)"><tspan xml:space="preserve" x="15" y="390.75" textLength="310.375" lengthAdjust="spacingAndGlyphs">In this example, you will learn to combine or</tspan><tspan xml:space="preserve" x="15" y="414.75" textLength="346.8125" lengthAdjust="spacingAndGlyphs">merge two or more maps in one map in Flutter or</tspan><tspan xml:space="preserve" x="15" y="438.75" textLength="311.25" lengthAdjust="spacingAndGlyphs">Dart. Sometimes, you may need to combine</tspan><tspan xml:space="preserve" x="15" y="462.75" textLength="340.65625" lengthAdjust="spacingAndGlyphs">multiple hasMap into one map while building the</tspan><tspan xml:space="preserve" x="15" y="486.75" textLength="82.71875" lengthAdjust="spacingAndGlyphs">mobile app.</tspan></text></g></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="g1 style1"><g data-tag="div" id="g1" class="g pitemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/guide/388/combine-multiple-maps/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="card1"><g data-tag="div" id="card1" class="card" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-card11)" aria-owns="card-image1 mytask1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="801.5" x="0" y="0" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="834" height="801.5" x="0" y="0" fill="#ffffff"/></mask><g data-tag="div" id="card-image1" class="card-image" data-z-index="auto" data-stacking-context="true" aria-owns="image1"><g data-tag="figure" id="image1" class="image is-4by3 myimg" data-z-index="auto" data-stacking-context="true" role="figure" mask="url(#mask-for-image11)" aria-owns="lazy1"><mask id="mask-for-image11"><rect width="834" height="625.5" x="0" y="0" fill="#ffffff"/><rect width="834" height="625.5" x="0" y="0" fill="#ffffff"/></mask><g data-tag="img" id="lazy1" class="lazy" data-z-index="auto" data-stacking-context="true" role="img" aria-label="How to Combine Multiple Maps in Flutter/Dart" mask="url(#mask-for-lazy11)"><title>How to Combine Multiple Maps in Flutter/Dart</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-lazy11"><rect width="834" height="625.5" x="0" y="0" fill="#ffffff"/></mask><image id="lazy1-image" xlink:href="/394f2e7f.webp" x="10" y="10" width="814" height="605.5" aria-label="How to Combine Multiple Maps in Flutter/Dart"/></g></g></g><g data-tag="div" id="mytask1" class="mytask" data-z-index="auto" data-stacking-context="true" aria-owns="mytitlee1 content1"><g data-tag="h2" id="mytitlee1" class="mytitlee" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" mask="url(#mask-for-mytitlee11)"><mask id="mask-for-mytitlee11"><rect width="789" height="46" x="15" y="640.5" fill="#ffffff"/></mask><text color="rgb(0, 102, 153)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 102, 153)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 102, 153)"><tspan xml:space="preserve" x="15" y="660.5" textLength="345.78125" lengthAdjust="spacingAndGlyphs">How to Combine Multiple Maps in Flutter/Dart</tspan></text></g><g data-tag="div" id="content1" class="content mydetails" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="789" height="70" x="15" y="701.5" fill="#ffffff"/></mask><text color="rgb(74, 74, 74)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(74, 74, 74)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(74, 74, 74)"><tspan xml:space="preserve" x="15" y="721.5" textLength="700.734375" lengthAdjust="spacingAndGlyphs">In this example, you will learn to combine or merge two or more maps in one map in Flutter or Dart.</tspan><tspan xml:space="preserve" x="15" y="745.5" textLength="704.390625" lengthAdjust="spacingAndGlyphs">Sometimes, you may need to combine multiple hasMap into one map while building the mobile app.</tspan></text></g></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="1276" viewBox="0 0 1440 1276"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="g1 style1"><g data-tag="div" id="g1" class="g pitemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/guide/388/combine-multiple-maps/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="card1"><g data-tag="div" id="card1" class="card" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-card11)" aria-owns="card-image1 mytask1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="1256" x="0" y="0" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="1440" height="1256" x="0" y="0" fill="#ffffff"/></mask><g data-tag="div" id="card-image1" class="card-image" data-z-index="auto" data-stacking-context="true" aria-owns="image1"><g data-tag="figure" id="image1" class="image is-4by3 myimg" data-z-index="auto" data-stacking-context="true" role="figure" mask="url(#mask-for-image11)" aria-owns="lazy1"><mask id="mask-for-image11"><rect width="1440" height="1080" x="0" y="0" fill="#ffffff"/><rect width="1440" height="1080" x="0" y="0" fill="#ffffff"/></mask><g data-tag="img" id="lazy1" class="lazy" data-z-index="auto" data-stacking-context="true" role="img" aria-label="How to Combine Multiple Maps in Flutter/Dart" mask="url(#mask-for-lazy11)"><title>How to Combine Multiple Maps in Flutter/Dart</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-lazy11"><rect width="1440" height="1080" x="0" y="0" fill="#ffffff"/></mask><image id="lazy1-image" xlink:href="/394f2e7f.webp" x="10" y="10" width="1420" height="1060" aria-label="How to Combine Multiple Maps in Flutter/Dart"/></g></g></g><g data-tag="div" id="mytask1" class="mytask" data-z-index="auto" data-stacking-context="true" aria-owns="mytitlee1 content1"><g data-tag="h2" id="mytitlee1" class="mytitlee" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" mask="url(#mask-for-mytitlee11)"><mask id="mask-for-mytitlee11"><rect width="1395" height="46" x="15" y="1095" fill="#ffffff"/></mask><text color="rgb(0, 102, 153)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 102, 153)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 102, 153)"><tspan xml:space="preserve" x="15" y="1115" textLength="345.78125" lengthAdjust="spacingAndGlyphs">How to Combine Multiple Maps in Flutter/Dart</tspan></text></g><g data-tag="div" id="content1" class="content mydetails" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="1395" height="70" x="15" y="1156" fill="#ffffff"/></mask><text color="rgb(74, 74, 74)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(74, 74, 74)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(74, 74, 74)"><tspan xml:space="preserve" x="15" y="1176" textLength="1373.984375" lengthAdjust="spacingAndGlyphs">In this example, you will learn to combine or merge two or more maps in one map in Flutter or Dart. Sometimes, you may need to combine multiple hasMap into one map while building the mobile</tspan><tspan xml:space="preserve" x="15" y="1200" textLength="31.140625" lengthAdjust="spacingAndGlyphs">app.</tspan></text></g></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><div class="g pitemone" style="margin-bottom:20px;"><a href="guide/388/combine-multiple-maps/"><div class="card"><div class="card-image"><figure class="image is-4by3 myimg"><img alt="How to Combine Multiple Maps in Flutter/Dart" class="lazy" data-src="img/uploads/web/2023/01/effc299a1addb07e7089f9b269c31f2f.webp" src="http://localhost:3000/394f2e7f.webp" title="How to Combine Multiple Maps in Flutter/Dart"></figure></div><div class="mytask"><h2 class="mytitlee">How to Combine Multiple Maps in Flutter/Dart</h2><div class="content mydetails">In this example, you will learn to combine or merge two or more maps in one map in Flutter or Dart. Sometimes, you may need to combine multiple hasMap into one map while building the mobile app.</div></div></div></a></div></body>

<style>


  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }body{margin:0}a:active,a:hover{outline:0}a{color:#1e87f0;text-decoration:none;cursor:pointer}a:hover{color:#0f6ecd;text-decoration:underline}img{vertical-align:middle}img{max-width:100%;height:auto;box-sizing:border-box}img:not([src]){min-width:1px;visibility:hidden}figure{margin:0 0 20px 0}*+figure{margin-top:20px}h2{margin:0 0 20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;color:#333;text-transform:none}*+h2{margin-top:40px}h2{font-size:1.7rem;line-height:1.3}@media (min-width:960px){h2{font-size:2rem}}::selection{background:#39f;color:#fff;text-shadow:none}:root{}@keyframes uk-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(270deg)}}@keyframes uk-spinner-dash{0%{stroke-dashoffset:88px}50%{stroke-dashoffset:22px;transform:rotate(135deg)}100%{stroke-dashoffset:88px;transform:rotate(450deg)}}:root{}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-fade-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-top-small{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom-small{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left-small{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right-small{0%{opacity:0;transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-top-medium{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom-medium{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left-medium{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right-medium{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-scale-02{0%{opacity:0;transform:scale(.2)}100%{opacity:1;transform:scale(1)}}@keyframes uk-fade-scale-18{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@keyframes uk-scale-kenburns{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@keyframes uk-stroke{0%{stroke-dashoffset:var(--uk-animation-stroke)}100%{stroke-dashoffset:0}}@media print{*,::after,::before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2{orphans:3;widows:3}h2{page-break-after:avoid}}



@-webkit-keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}.content:not(:last-child),.title:not(:last-child){margin-bottom:1.5rem}.image.is-4by3 img{bottom:0;left:0;position:absolute;right:0;top:0}body,figure,h2{margin:0;padding:0}h2{font-size:100%;font-weight:400}*,::after,::before{box-sizing:inherit}img{height:auto;max-width:100%}figure{display:block}body{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif}body{color:#4a4a4a;font-size:1em;font-weight:400;line-height:1.5}a{color:#3273dc;cursor:pointer;text-decoration:none}a:hover{color:#363636}img{height:auto;max-width:100%}.content h2{color:#363636;font-weight:600;line-height:1.125}.content h2{font-size:1.75em;margin-bottom:.5714em}.content h2:not(:first-child){margin-top:1.1428em}.content figure{margin-left:2em;margin-right:2em;text-align:center}.content figure:not(:first-child){margin-top:2em}.content figure:not(:last-child){margin-bottom:2em}.content figure img{display:inline-block}.image{display:block;position:relative}.image img{display:block;height:auto;width:100%}.image.is-4by3 img{height:100%;width:100%}.image.is-4by3{padding-top:75%}@-webkit-keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}@keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}.title{word-break:break-word}.title{color:#363636;font-size:2rem;font-weight:600;line-height:1.125}.card{background-color:#fff;border-radius:.25rem;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);color:#4a4a4a;max-width:100%;overflow:hidden;position:relative}.card-image{display:block;position:relative}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.eot);src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.woff) format("woff"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.eot);src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.woff) format("woff"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.eot);src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.woff) format("woff"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}


        body, h2 {
            font-family: 'Source Sans Pro', sans-serif !important;}
        h2{font-size:25px;color:#333;}
        a{text-decoration:none !important;}

        .card{box-shadow:0px 1px 5px 0px rgba(0,0,0,0.1) !important;}
        a .card:hover{box-shadow:0px 1px 10px 0px rgba(0,0,0,0.15) !important;}

         h2 a{color:#069 !important;}
         h2 a:hover{text-decoration:underline !important;}
        h2{font-weight:bold;}
.myimg{overflow:hidden;position:relative;}
    .myimg img{width:100%;}
    .mytask{margin:15px;margin-left:0px;}
    .mydetails{height:70px;overflow:hidden;}
   .g .myimg{overflow:hidden;position:relative;}
   .g .myimg img{width:100%;padding:10px;}
   .g .mytask{padding:15px;padding-top:0px;}

   .g .mytitlee{overflow: hidden;
            font-size:16px;font-weight:bold;color:#069 !important;
           margin-bottom:15px;margin-top:0px;line-height:23px;height:46px;overflow:hidden;}
    .g .mydetails{height:70px;overflow:hidden;}
  

</style>