/* src/styles.scss */
* {
  padding: 0px;
  margin: 0px;
  border: none;
  list-style: none;
  outline: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  width: 100%;
  position: relative;
}
body {
  font-size: 100%;
  font-family:
    "Hanken Grotesk",
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 400;
  color: var(--neutral-800, #4a4a4a);
  background: var(--neutral-0, #ffffff);
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
:root {
  --app-header-height: 108px;
  --sticky-button-height: 82px;
  --extra-padding: 102px;
}
@media only screen and (min-width: 768px) {
  :root {
    --app-header-height: 124px;
    --sticky-button-height: 114px;
  }
}

/* angular:styles/global:styles */