@font-face {
  font-family: SF Pro Display Regular;
  src: url('assets/sf-pro-display-regular.woff2') format('woff2');
}

@font-face {
  font-family: SF Pro Display Bold;
  src: url('assets/sf-pro-display-bold.woff2') format('woff2');
}

:root {
  --backgroundGradient: linear-gradient(to top right, #9d2c80 0%, #fa763f 100%);
  --logoXMargin: 12px;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  font-family: SF Pro Display Regular, sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

img:not(.clickable) {
  pointer-events: none;
}

.logo {
  position: relative;
  left: 0px;
  top: 0px;
  height: 25px;
  margin: 16px var(--logoXMargin);
}

.white {
  filter: brightness(0) invert(1);
}

.black {
  filter: brightness(0);
}

.mr-1 {
  margin-right: 0.1em !important;
}

/* work created by Fire */