* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

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

// Body reset
html {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  user-select: none;
  -webkit-touch-callout: none;
}

// Reset fonts for relevant elements
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

// Figures
//
// We reset this here because previously Normalize had no `figure` margins. This
// ensures we don't break anyone's use of the element.

figure {
  margin: 0;
}

[role="button"] {
  cursor: pointer;
  user-select: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none !important;
}

img {
  vertical-align: middle;
}

ul,
li {
    list-style: none;
}

input, button {
  outline: none;
}

p {
  line-height: 1;
}

input::-ms-clear, input::-ms-reveal{display: none;}