/* ../public/styles.css */
/* Browser: Reset css */
/* Reset css from:
 * https://www.digitalocean.com/community/tutorials/css-minimal-css-reset
 */
html {
  box-sizing: border-box;
  font-size: 18px;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

/* Browser: Custom css */
html {
  font-size: 18px;
}

@media only screen
    and (max-device-width: 480px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {
  html {
    font-size: 3vw;
  }
}


/* spot for features to extend css styles */