@import url('https://fonts.googleapis.com/css?family=Lobster+Two|Open+Sans+Condensed:300i&display=swap');

@font-face {
/* font-family: 'rs'; */
/* src: url('runescape_font.eot') */
	 /* format('truetype'); */
}

@media only screen and (min-width: 680px) {
	p {
	}

}

@media only screen and (max-width: 680px) {
	p {
		font-size: calc(0.75em + 1vmin) !important;
	}
}
.gold {
	background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%) !important;
	color: white;
	animation: scaleUp 0.5s both ease-in;;
}
.center {
		position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%) }
}

@keyframes rotateFall {
	0% {
		transform: rotateZ(0deg);
	}
	20% {
		transform: rotateZ(10deg);
		animation-timing-function: ease-out;
	}
	40% {
		transform: rotateZ(17deg);
	}
	60% {
		transform: rotateZ(16deg);
	}
	80% {
		opacity: 1;
	}
	100% {
		transform: translateY(100%) rotateZ(17deg);
		opacity: 0;
	}
}

@keyframes slideOutLeft {
	to {
		transform: translateX(-100%);
	}
}

@keyframes levelUp {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(-500%);
		opacity: 0;
	}
}

@keyframes alertaUp {
	from {
		transform: translateY(100%);
	}
	to {
		transform: translateY(-1000%);
		opacity: 0;
	}
}

@keyframes scaleUp {
	from {
		opacity: 0.3;
	}
}


/* slide in from the right */

@keyframes slideInRight {
	from {
		transform: translateX(100%);	 
	}
	to {
		transform: translateX(0);
	}
}
@keyframes slideInRightLeave {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}
@keyframes slideInUp {
	from {
		transform: translateY(100%);
	}
	to {
		transform: translateY(0);
	}
}
.page-A {
	/* background:#ffcd3c; color:#a55400; */
}
.page-B {
	/* background:#ffcd3c; color:#a55400; */
}

.ng-enter {
	z-index: 9999;
	animation: slideInRight 0.5s both ease-in;
	position: absolute;
}
.ng-leave { 
z-index: 8888;
animation:slideInRightLeave 0.5s both ease-in;
	position: absolute;
}

.page        { 
	position:absolute;
	bottom:0; 
	top:25%;  
	width:100%; 
	text-align:center;
}

.noSelect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}