@font-face {
  font-family: TypoHoop;
  src: url('../fonts/TypoHoop/TypoHoop_Hairline.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: TypoHoop;
  src: url('../fonts/TypoHoop/TypoHoop_Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: TypoHoop;
  src: url('../fonts/TypoHoop/TypoHoop_regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: TypoHoop;
  src: url('../fonts/TypoHoop/TypoHoop_Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: TypoHoop;
  src: url('../fonts/TypoHoop/TypoHoop_Inline.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}


@keyframes md-bg-gradient-frames {
    0% {
        background-position: 0% 25%;
    }
    25% {
        background-position: 25% 50%;
    }
    50% {
        background-position: 50% 75%;
    }
    75% {
        background-position: 75% 100%;
    }
    100% {
        background-position: 0% 25%;
    }
}


@keyframes md-txt-shimmer-frames {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

body {
	font-family: TypoHoop !important;
  font-size: 1rem;
	color: #FFC700;
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/*
 * Moneydey Texts
 */
.md-title-biggest {
	font-family: TypoHoop;
  font-size: 330%;
  font-weight: bold;

  @media (max-width: 600px) {
    font-size: 200%;
  }

  @media (min-width: 601px) and (max-width: 1024px) {
    font-size: 330%;
  }

  @media (min-width: 1025px) {
    font-size: 330%;
  } 
}

.md-center-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.md-title-big {
	font-family: TypoHoop;
    font-size: 150%;
    font-weight: bold;
}

.md-title-medium {
	font-family: TypoHoop;
    font-size: 120%;
    font-weight: bold;
}

.md-title-small {
	font-family: TypoHoop;
    font-size: 100%;
    font-weight: bold;
}

.md-text {
	font-family: TypoHoop;
}


/*
 * Moneydey Colors
 */
.md-color-primary {
	color: #FFC700;
}

.md-color-primary-bg {
	background-color: #FFC700;
}

.md-color-primary-bg:hover {
	background-color: #C55A11;
}

.md-color-primary-bg:active {
	background-color: #C55A11;
}

/*
 * Moneydey Animations
 */
.md-bg-gradient-animation {
	background: linear-gradient(-45deg, rgba(147,21,0,1) 0%,  rgba(79,30,0,1) 25%, rgba(254,91,0,1) 75%, rgba(255,237,8,1) 100%);
    background-size: 400% 400%;
    animation: md-bg-gradient-frames 10s ease infinite;
}

.md-txt-shimmer-animation {
  background: linear-gradient(
    -90deg,
    rgba(255,237,8,1) 0%,
    rgb(255, 38, 0) 20%,
    rgba(255,237,8,1) 40%,
    rgba(254,91,0,1) 100%
  );

  background-size: 200% auto;

  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: md-txt-shimmer-frames 12s infinite linear;
  animation-direction: reverse;
}

/*
 * Moneydey Margins and Paddings
 */
.md-no-mg-pg {
	margin: 0;
	padding: 0;
}

.md-no-mg-pg-full {
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
}