*,
*:before,
*:after {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

html, body {
  height: 100%;
}

html {
  background-color: var(--ion-color-primary, #000);
  background-repeat: no-repeat;
  background-position: center center;
}

body {
  margin: 0;
  padding: 0;
}

a,
a:hover,
a:visited {
  color: inherit;
  text-decoration: none;
}

a,
a:hover,
a:focus,
a:active,
button,
textarea,
*[routerlink],
* {
  outline: none !important;
}

a,
button,
.ao-click,
*[routerlink] {
  cursor: pointer !important;
  user-select: none !important;
  -moz-user-select: none !important;
  -khtml-user-select: none !important;
  -webkit-user-select: none !important;
  -o-user-select: nonev !important;
}

label {
  display: block;
}