body, html {
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
  overflow-wrap: anywhere;
  /*overflow-x: hidden; If this is turned on, position: sticky does not work*/
  box-sizing: border-box;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  font-family: var(--font-family-sans-serif);
  color: var(--color-black);
}
body {
  display: flex;
  flex-direction: column;
  width: 100%;
}

html.noscroll {
  overflow: hidden;
}

body.noscroll {
  overflow: hidden;
}

*, *:before, *:after {
  box-sizing: inherit;
  -webkit-tap-highlight-color: transparent;
}

.shared-image {
  position: relative;
}

.shared-image-copyright {
  position: absolute;
  bottom: 5px;
  left: 10px;
  font-size: var(--font-size-small);
  color: var(--color-white);
  line-height: 22.92px;
  text-shadow: 1px 1px var(--color-black);
  opacity: 1;
}