<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="column1 style1"><g data-tag="div" id="column1" class="column is-half-mobile is-one-fifth-tablet" data-z-index="auto" data-stacking-context="true" aria-owns="itemone1"><g data-tag="div" id="itemone1" class="itemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/tutorials/3/flutter-basic-widgets/" 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 card-content1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="196.5" height="307.375" x="12" y="12" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="196.5" height="307.375" x="12" y="12" 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" data-z-index="auto" data-stacking-context="true" role="figure" aria-owns="img1"><g data-tag="img" id="img1" data-z-index="auto" data-stacking-context="true" role="img" aria-label="Placeholder image" mask="url(#mask-for-img11)"><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-img11"><rect width="196.5" height="147.375" x="12" y="12" fill="#ffffff"/></mask><image id="img1-image" xlink:href="/c8ebbc0b.webp" x="12" y="12" width="196.5" height="147.375" aria-label="Placeholder image"/></g></g></g><g data-tag="div" id="card-content1" class="card-content" data-z-index="auto" data-stacking-context="true" aria-owns="is-61 content1"><g data-tag="h2" id="is-61" class="is-6 title" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2"><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="600" 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="36" y="200.375" textLength="109.21875" lengthAdjust="spacingAndGlyphs">Basic Widgets</tspan></text></g><g data-tag="div" id="content1" class="content" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="148.5" height="70" x="36" y="225.375" 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="36" y="245.375" textLength="130.75" lengthAdjust="spacingAndGlyphs">Learn to use basic</tspan><tspan xml:space="preserve" x="36" y="269.375" textLength="145.875" lengthAdjust="spacingAndGlyphs">widgets like App bar,</tspan><tspan xml:space="preserve" x="36" y="293.375" textLength="122.734375" lengthAdjust="spacingAndGlyphs">drawer, container</tspan><tspan xml:space="preserve" x="36" y="317.375" textLength="135.1875" lengthAdjust="spacingAndGlyphs">which helps to give</tspan><tspan xml:space="preserve" x="36" y="341.375" textLength="137.8125" lengthAdjust="spacingAndGlyphs">primary structure to</tspan><tspan xml:space="preserve" x="36" y="365.375" textLength="66.71875" lengthAdjust="spacingAndGlyphs">your app.</tspan></text></g></g></g></a></g></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="column1 style1"><g data-tag="div" id="column1" class="column is-half-mobile is-one-fifth-tablet" data-z-index="auto" data-stacking-context="true" aria-owns="itemone1"><g data-tag="div" id="itemone1" class="itemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/tutorials/3/flutter-basic-widgets/" 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 card-content1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="166.796875" height="285.09375" x="12" y="12" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="166.796875" height="285.09375" x="12" y="12" 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" data-z-index="auto" data-stacking-context="true" role="figure" aria-owns="img1"><g data-tag="img" id="img1" data-z-index="auto" data-stacking-context="true" role="img" aria-label="Placeholder image" mask="url(#mask-for-img11)"><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-img11"><rect width="166.796875" height="125.09375" x="12" y="12" fill="#ffffff"/></mask><image id="img1-image" xlink:href="/c8ebbc0b.webp" x="12" y="12" width="166.796875" height="125.09375" aria-label="Placeholder image"/></g></g></g><g data-tag="div" id="card-content1" class="card-content" data-z-index="auto" data-stacking-context="true" aria-owns="is-61 content1"><g data-tag="h2" id="is-61" class="is-6 title" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2"><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="600" 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="36" y="178.09375" textLength="109.21875" lengthAdjust="spacingAndGlyphs">Basic Widgets</tspan></text></g><g data-tag="div" id="content1" class="content" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="118.796875" height="70" x="36" y="203.09375" 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="36" y="223.09375" textLength="88.953125" lengthAdjust="spacingAndGlyphs">Learn to use</tspan><tspan xml:space="preserve" x="36" y="247.09375" textLength="96.046875" lengthAdjust="spacingAndGlyphs">basic widgets</tspan><tspan xml:space="preserve" x="36" y="271.09375" textLength="87.171875" lengthAdjust="spacingAndGlyphs">like App bar,</tspan><tspan xml:space="preserve" x="36" y="295.09375" textLength="52.46875" lengthAdjust="spacingAndGlyphs">drawer,</tspan><tspan xml:space="preserve" x="36" y="319.09375" textLength="111.171875" lengthAdjust="spacingAndGlyphs">container which</tspan><tspan xml:space="preserve" x="36" y="343.09375" textLength="89.84375" lengthAdjust="spacingAndGlyphs">helps to give</tspan><tspan xml:space="preserve" x="36" y="367.09375" textLength="53.34375" lengthAdjust="spacingAndGlyphs">primary</tspan><tspan xml:space="preserve" x="36" y="391.09375" textLength="115.609375" lengthAdjust="spacingAndGlyphs">structure to your</tspan><tspan xml:space="preserve" x="36" y="415.09375" textLength="31.140625" lengthAdjust="spacingAndGlyphs">app.</tspan></text></g></g></g></a></g></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="900" viewBox="0 0 1440 900"><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="column1 style1"><g data-tag="div" id="column1" class="column is-half-mobile is-one-fifth-tablet" data-z-index="auto" data-stacking-context="true" aria-owns="itemone1"><g data-tag="div" id="itemone1" class="itemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/tutorials/3/flutter-basic-widgets/" 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 card-content1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="288" height="376" x="12" y="12" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="288" height="376" x="12" y="12" 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" data-z-index="auto" data-stacking-context="true" role="figure" aria-owns="img1"><g data-tag="img" id="img1" data-z-index="auto" data-stacking-context="true" role="img" aria-label="Placeholder image" mask="url(#mask-for-img11)"><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-img11"><rect width="288" height="216" x="12" y="12" fill="#ffffff"/></mask><image id="img1-image" xlink:href="/c8ebbc0b.webp" x="12" y="12" width="288" height="216" aria-label="Placeholder image"/></g></g></g><g data-tag="div" id="card-content1" class="card-content" data-z-index="auto" data-stacking-context="true" aria-owns="is-61 content1"><g data-tag="h2" id="is-61" class="is-6 title" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2"><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="600" 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="36" y="269" textLength="109.21875" lengthAdjust="spacingAndGlyphs">Basic Widgets</tspan></text></g><g data-tag="div" id="content1" class="content" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="240" height="70" x="36" y="294" 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="36" y="314" textLength="217.90625" lengthAdjust="spacingAndGlyphs">Learn to use basic widgets like</tspan><tspan xml:space="preserve" x="36" y="338" textLength="232.140625" lengthAdjust="spacingAndGlyphs">App bar, drawer, container which</tspan><tspan xml:space="preserve" x="36" y="362" textLength="232.09375" lengthAdjust="spacingAndGlyphs">helps to give primary structure to</tspan><tspan xml:space="preserve" x="36" y="386" textLength="66.71875" lengthAdjust="spacingAndGlyphs">your app.</tspan></text></g></g></g></a></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><div class="column is-half-mobile is-one-fifth-tablet"><div class="itemone"><a href="tutorials/3/flutter-basic-widgets/"><div class="card"><div class="card-image"><figure class="image is-4by3"><img alt="Placeholder image" src="http://localhost:3000/c8ebbc0b.webp"></figure></div><div class="card-content"><h2 class="is-6 title" style="color:#069 !important;">Basic Widgets</h2><div class="content" style="height:70px;overflow:hidden;">Learn to use basic widgets like App bar, drawer, container which helps to give primary structure to your app.</div></div></div></a></div></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}}[hidden]{display:none!important}@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%}.container{flex-grow:1;margin:0 auto;position:relative;width:auto}@media screen and (min-width:1024px){.container{max-width:960px}}@media screen and (min-width:1216px){.container:not(.is-max-desktop){max-width:1152px}}@media screen and (min-width:1408px){.container:not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}}.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}.title.is-6{font-size:1rem}.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}.card-content{background-color:transparent;padding:1.5rem}.column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.75rem}@media screen and (max-width:768px){.column.is-half-mobile{flex:none;width:50%}}@media screen and (min-width:769px),print{.column.is-one-fifth-tablet{flex:none;width:20%}.column.is-6{flex:none;width:50%}}@-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;}
  

</style>