/* Remove all default margins and padding */

body,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, select, button, textarea,
p,
blockquote {
  margin: 0;
  padding: 0;
}

/* Remove all default borders and outlines */

iframe,
fieldset,
img {
  border: 0;
}

button {
  border-radius: 0;
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

/* Remove FF dotted borders */
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Remove blue glow */
:focus {
  outline: none;
}

/* Remove default "invalid" input styles */
:invalid,
:-moz-submit-invalid,
:-moz-ui-invalid {
  box-shadow: none;
}

/* Make iframes and tables default to 100% width */

/* Some emails still use archaic HTML, like to do their layout, like
  <table cellspacing="15" width="500">. If you use apply the equivalent CSS
  property to such a table, there is no way to undo it. */
table:not([cellspacing]):not([width]) {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

iframe {
  width: 100%;
}

/* Remove default list styling */

ul, ol {
  list-style: none;
}

/* Remove WebKit user-resize widget */
textarea {
  resize: none;
}

/* Colors and fonts */

html {
  color: #000; // not themed
  background: #fff; // not themed
}

body {
  line-height: 1.25;
}

a,
button,
span,
div {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

h1, h2, h3, h4, h5, h6,
address,
caption,
cite,
code,
em,
strong,
table, th,
input,
button,
textarea,
pre {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-align: inherit;
}

svg {
  fill: currentColor;
}

/* Pre */

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}