html,
body {
  height: 100%;
}

body {
  background-image : url("../images/bg_404.jpg") !important;
  background-color : black;
  background-size  : cover;
  background-repeat: no-repeat;
  font-family      : "Heebo", serif;
  color            : rgba(255, 255, 255, 0.87);
  overflow         : hidden;
}

.mx-auto {
  margin-left : auto;
  margin-right: auto;
}


#countUp {
  display        : flex;
  flex-direction : column;
  justify-content: center;
  align-items    : center;
  height         : 100vh;
}

#countUp .number {
  font-family: "Syne", serif;
  font-size  : 6rem;
  font-weight: 700;
}

#countUp .number+.text {
  margin: 0 0 1rem;
}

#countUp .text {
  font-weight: 300;
  text-align : center;
}

.btn.btn-mycena {
  display         : block;
  margin-top      : 2rem;
  position        : relative;
  pointer-events  : auto;
  padding         : 0rem;
  background-color: transparent;
  text-decoration : none;
  color           : #000;
}

.btn.btn-mycena.white {
  color: white;
}

.btn-mycena .button__bg,
.btn-mycena .button__bg.button__bg__transparent,
.btn-mycena .button__bg.button__bg__dark {
  top          : 0;
  left         : 0;
  position     : absolute;
  width        : 100%;
  height       : 100%;
  background   : white;
  border-radius: 0.6rem;
  overflow     : hidden;
  transition   : transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}


.btn-mycena .button__bg::after {
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  opacity   : 0;
  transition: opacity 0.3s;
}

.btn-mycena .button__bg::before {
  width         : 110%;
  height        : 0;
  padding-bottom: 110%;
  top           : 50%;
  left          : 50%;
  border-radius : 50%;
  transform     : translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
}

.btn-mycena .button__bg::before,
.btn-mycena .button__bg::after {
  content   : '';
  position  : absolute;
  background: #1b659e;
}

.btn-mycena:hover .button__bg {
  transform: scale3d(1.2, 1.2, 1);
}


.btn-mycena:hover .button__bg::before {
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  transform : translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}


.btn-mycena:hover .button__bg::after {
  opacity            : 1;
  transition-duration: 0.01s;
  transition-delay   : 0.3s;
}

.btn-mycena span {
  display         : block;
  position        : relative;
  padding         : .8rem 1.5rem;
  font-size       : 1rem;
  text-decoration : none;
  /*mix-blend-mode: difference;*/
}

.btn.btn-mycena:hover,
a.btn:hover {
  outline        : 0;
  text-decoration: none;
  color          : white;
}