@font-face {
  font-family: 'KassaLogoLetters';
  src: local('FreeSerif Bold'), local('FreeSerifBold'), url('https://www.jumpbuttonnorth.com/fonts/KassaLogoFont.woff2') format('woff2'), url('https://www.jumpbuttonnorth.com/fonts/KassaLogoFont.woff') format('woff'), url('https://www.jumpbuttonnorth.com/fonts/KassaLogoFont.svg#FreeSerifBold') format('svg');
  font-weight: bold;
  font-style: normal;
}
html,
body {
  height: 100%;
}
div#pre-load {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
  align-items: center;
  justify-content: center;
}
div#pre-load svg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
div#pre-load div#text-overlay {
  z-index: 100001;
}
div#pre-load div#text-overlay #large {
  font-family: 'KassaLogoLetters';
}
svg {
  width: 100%;
  height: 100%;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  background-color: #ececec;
  overflow: hidden;
  -webkit-transform: scale(1.1) translateY(0.25);
          transform: scale(1.1) translateY(0.25);
  -webkit-animation: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 4s 1 normal forwards running Intro-SVG;
          animation: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 4s 1 normal forwards running Intro-SVG;
}
svg g#text {
  opacity: 0;
  -webkit-transform: scale(0.1);
          transform: scale(0.1);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 4s 1 normal forwards running Intro-SVG-GText;
          animation: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 4s 1 normal forwards running Intro-SVG-GText;
}
svg g#logo {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(0.1) translateX(0.5%) translateY(0.5%) rotate(-259deg);
          transform: scale(0.1) translateX(0.5%) translateY(0.5%) rotate(-259deg);
  -webkit-animation: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 4s 1 normal forwards running Intro-SVG-G;
          animation: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 4s 1 normal forwards running Intro-SVG-G;
}
svg g#logo path {
  -webkit-transform: scaleX(0.1) scaleY(0.1) rotate(-90deg);
          transform: scaleX(0.1) scaleY(0.1) rotate(-90deg);
  opacity: 0;
}
svg g#logo path#black-tri {
  -webkit-animation: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 4s 1 normal forwards running Intro-SVG-G-Path-Black;
          animation: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 4s 1 normal forwards running Intro-SVG-G-Path-Black;
}
svg g#logo path#blue-tri {
  -webkit-animation: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 4s 1 normal forwards running Intro-SVG-G-Path-Blue;
          animation: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 4s 1 normal forwards running Intro-SVG-G-Path-Blue;
}
svg g#logo path#grey-tri {
  -webkit-animation: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 4s 1 normal forwards running Intro-SVG-G-Path-Grey;
          animation: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 4s 1 normal forwards running Intro-SVG-G-Path-Grey;
}
@-webkit-keyframes Intro-SVG {
  from {
    -webkit-filter: blur(5px);
            filter: blur(5px);
    background-color: #ececec;
  }
  to {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    background-color: #FFF;
  }
}
@keyframes Intro-SVG {
  from {
    -webkit-filter: blur(5px);
            filter: blur(5px);
    background-color: #ececec;
  }
  to {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    background-color: #FFF;
  }
}
@-webkit-keyframes Intro-SVG-G {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(0.1) translateX(0.5%) translateY(0.5%) rotate(-259deg);
            transform: scale(0.1) translateX(0.5%) translateY(0.5%) rotate(-259deg);
  }
  85% {
    -webkit-transform: scale(0.245) translateX(2.5%) translateY(2.5%) rotate(0deg);
            transform: scale(0.245) translateX(2.5%) translateY(2.5%) rotate(0deg);
  }
  to {
    -webkit-transform: scale(0.25) translateX(-30%) translateY(2.5%) rotate(0deg);
            transform: scale(0.25) translateX(-30%) translateY(2.5%) rotate(0deg);
  }
}
@keyframes Intro-SVG-G {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(0.1) translateX(0.5%) translateY(0.5%) rotate(-259deg);
            transform: scale(0.1) translateX(0.5%) translateY(0.5%) rotate(-259deg);
  }
  85% {
    -webkit-transform: scale(0.245) translateX(2.5%) translateY(2.5%) rotate(0deg);
            transform: scale(0.245) translateX(2.5%) translateY(2.5%) rotate(0deg);
  }
  to {
    -webkit-transform: scale(0.25) translateX(-30%) translateY(2.5%) rotate(0deg);
            transform: scale(0.25) translateX(-30%) translateY(2.5%) rotate(0deg);
  }
}
@-webkit-keyframes Intro-SVG-GText {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  85% {
    -webkit-transform: scale(0.245) translateX(2.5%);
            transform: scale(0.245) translateX(2.5%);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(0.25) translateX(-30%);
            transform: scale(0.25) translateX(-30%);
  }
}
@keyframes Intro-SVG-GText {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  85% {
    -webkit-transform: scale(0.245) translateX(2.5%);
            transform: scale(0.245) translateX(2.5%);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(0.25) translateX(-30%);
            transform: scale(0.25) translateX(-30%);
  }
}
@-webkit-keyframes Intro-SVG-G-Path-Black {
  from {
    -webkit-transform: scaleX(0.1) scaleY(0.1) rotate(-90deg);
            transform: scaleX(0.1) scaleY(0.1) rotate(-90deg);
    opacity: 0;
    -webkit-transform: scaleX(0.1) scaleY(0.1) rotate(22deg) translateX(500%) translateY(150%);
            transform: scaleX(0.1) scaleY(0.1) rotate(22deg) translateX(500%) translateY(150%);
  }
  to {
    -webkit-transform: scaleX(1) scaleY(1) rotate(0deg) translateX(0%) translateY(0%);
            transform: scaleX(1) scaleY(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
@keyframes Intro-SVG-G-Path-Black {
  from {
    -webkit-transform: scaleX(0.1) scaleY(0.1) rotate(-90deg);
            transform: scaleX(0.1) scaleY(0.1) rotate(-90deg);
    opacity: 0;
    -webkit-transform: scaleX(0.1) scaleY(0.1) rotate(22deg) translateX(500%) translateY(150%);
            transform: scaleX(0.1) scaleY(0.1) rotate(22deg) translateX(500%) translateY(150%);
  }
  to {
    -webkit-transform: scaleX(1) scaleY(1) rotate(0deg) translateX(0%) translateY(0%);
            transform: scaleX(1) scaleY(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes Intro-SVG-G-Path-Grey {
  from {
    -webkit-transform: scaleX(0.1) scaleY(0.1) rotate(-90deg);
            transform: scaleX(0.1) scaleY(0.1) rotate(-90deg);
    opacity: 0;
    -webkit-transform: scaleX(0.1) scaleY(0.1) rotate(90deg) translateY(500%) translateX(500%);
            transform: scaleX(0.1) scaleY(0.1) rotate(90deg) translateY(500%) translateX(500%);
  }
  to {
    -webkit-transform: scaleX(1) scaleY(1) rotate(0deg) translateX(0%) translateY(0%);
            transform: scaleX(1) scaleY(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
@keyframes Intro-SVG-G-Path-Grey {
  from {
    -webkit-transform: scaleX(0.1) scaleY(0.1) rotate(-90deg);
            transform: scaleX(0.1) scaleY(0.1) rotate(-90deg);
    opacity: 0;
    -webkit-transform: scaleX(0.1) scaleY(0.1) rotate(90deg) translateY(500%) translateX(500%);
            transform: scaleX(0.1) scaleY(0.1) rotate(90deg) translateY(500%) translateX(500%);
  }
  to {
    -webkit-transform: scaleX(1) scaleY(1) rotate(0deg) translateX(0%) translateY(0%);
            transform: scaleX(1) scaleY(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes Intro-SVG-G-Path-Blue {
  from {
    -webkit-transform: scaleX(0.1) scaleY(0.1) rotate(-90deg);
            transform: scaleX(0.1) scaleY(0.1) rotate(-90deg);
    opacity: 0;
    -webkit-transform: scaleX(0.1) scaleY(0.1) rotate(90deg) translateY(150%) translateX(500%);
            transform: scaleX(0.1) scaleY(0.1) rotate(90deg) translateY(150%) translateX(500%);
  }
  to {
    -webkit-transform: scaleX(1) scaleY(1) rotate(0deg) translateX(0%) translateY(0%);
            transform: scaleX(1) scaleY(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
@keyframes Intro-SVG-G-Path-Blue {
  from {
    -webkit-transform: scaleX(0.1) scaleY(0.1) rotate(-90deg);
            transform: scaleX(0.1) scaleY(0.1) rotate(-90deg);
    opacity: 0;
    -webkit-transform: scaleX(0.1) scaleY(0.1) rotate(90deg) translateY(150%) translateX(500%);
            transform: scaleX(0.1) scaleY(0.1) rotate(90deg) translateY(150%) translateX(500%);
  }
  to {
    -webkit-transform: scaleX(1) scaleY(1) rotate(0deg) translateX(0%) translateY(0%);
            transform: scaleX(1) scaleY(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}