* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
*,*::before, *::after {
  box-sizing: border-box;
}
    
html, body {
  margin:0;
  padding:0;
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  font-size:1rem;
}

main, section, aside {display:block;}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
h1 {font-size:3rem;}
h2 {font-size:2.5rem;}
h3 {font-size:2rem;}
h4 {font-size:1.5rem;}
h5 {font-size:1.2rem;}

hr {
  box-sizing:content-box;
  height:0;
  overflow:visible;
}

pre {
  font-family:monospace, monospace; 
  font-size:1em;
  white-space: pre-wrap;
}

a {
  background-color:transparent;
  text-decoration:none;
  color:inherit;
}

p {
  padding:0;
  margin:0;
}

abbr[title] {
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted;
}

b,
strong {
  font-weight:bolder;
}

code,
kbd,
samp {
  font-family:monospace, monospace;
  font-size:1em;
}

small {
  font-size:80%;
}

sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub {
  bottom:-0.25em;
}

sup {
  top:-0.5em;
}

img {
  border-style:none;
  display:inline-block;
}

button,
input,
optgroup,
select,
textarea {
  font-family:inherit; 
  font-size:1rem; 
  line-height:1.15; 
  margin:0;
  padding:0;
  border:none;
  outline:none;
}

button,
input { 
  overflow:visible;
}

button,
select { 
  text-transform:none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance:button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style:none;
  padding:0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline:1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding:0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing:border-box; 
  color:inherit;
  display:table; 
  max-width:100%; 
  padding:0; /* 3 */
  white-space:normal; 
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align:baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

input, button {
  appearance:none; 
  outline:none;
  border:none;
}

textarea {
  overflow:auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing:border-box; 
  padding:0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height:auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance:textfield; 
  outline-offset:-2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance:none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance:button; 
  font:inherit;
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details, figure {
  display:block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display:list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display:none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display:none;
}

input, textarea {
  border:none;
  outline:none;
  appearance:none;
}

ul, li {
  list-style:none; 
  margin:0; 
  padding:0;
}


