*,
*:not(img),
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth
}

/* The design never underlines a link; every component was re-declaring
   `text-decoration: none` to undo the UA default. One reset here instead.
   `.rc-share-link:hover` still opts back in, and wins on specificity. */
a {
  text-decoration: none;
}

/*
 * Icons are square and must stay square.
 *
 * Every icon rc_icon() prints is `width="1em" height="1em"`, so this selector hits
 * the icon set exactly and nothing else. As a flex item an SVG is shrinkable by
 * default, so an icon sitting next to a paragraph in a flex row got squeezed
 * horizontally while keeping its height — a 26px-tall arrow rendered 16px wide,
 * and the squeeze varied with the length of the neighbouring text, which is the
 * giveaway. Fixing it per-component meant finding every component; this is the
 * rule that keeps it fixed.
 */
svg[width="1em"] {
  flex-shrink: 0;
}

h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

html {
  font-size: 58%;
  /* 1rem = 10px */
}
body {
  margin: 0;
  /*
   * 14px/1.5715 is antd's body reset, not the app's own stylesheet — and the app
   * loads antd.css while this theme deliberately does not. Without it `body`
   * inherited the 58% root above (9.28px), so every string sized by inheritance
   * rather than by an explicit rule came out about a third too small: the "Less
   * than EUR 1 a day" line, the footer subtext and copyright, the blog card
   * titles and excerpts. Anything with its own font-size was unaffected, which is
   * why only some of the page looked wrong.
   */
  font-size: 14px;
  line-height: 1.5715;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  /* CSS */
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  /* CSS */
  /* CSS */
  html {
    font-size: 55%;
    /* 1rem = 10px */
  }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* CSS */
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media screen and (max-width: 500px) {
  /* CSS */
  html {
    font-size: 48%;
    /* 1rem = 10px */
  }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/