.resourceLine {
		width:90%;
		height:5%;
		display: inline-block;
	}
	.resource {
		width:15%;
		height: 90%;
		display: inline-block;
	}
	.rVal {
		left:5%;
		position: relative;
		display:inherit;
		width:50%;
	}
	hr.red {
		border: 1px solid red;
	}
	.menuHolder {
		width:80%;
		height: 3%;
		margin:auto;
		left:10%;
	}
	.menuItem {
		width:8%;
		height: 100%;
		border: 1px solid green;
		cursor: pointer;
		align-items:center;
		justify-content:center;
		display:inline-flex;
	}
	.gameArea {
		width:90%;
		height:75%;
		margin-top:2vmin;
		
	}
	.gameSubArea {
		width:100%;
		height:100%;
		position:relative;
	}
	.buildingHolder {
		height:70%;
		position:relative;
		width:100%;
	}
	.buildingLine {
		height:10%;
		width:55%;
		margin:.5%;
		position:relative;
		display:table;
		visibility:hidden;
	}
	.buildingLine2 {
		height:10%;
		width:55%;
		margin:.5%;
		position:relative;
		display:table;
	}
	.building {	
		width:19%;
		position:relative;
		display:table-cell;
		vertical-align:middle;
		background-color:rgb(25,25,25);
		text-align:center;
		left: 6%;
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		border: 1px white solid;
		cursor:pointer;
	}
	.buildingS {	
		width:9%;
		position:relative;
		display:table-cell;
		vertical-align:middle;
		background-color:rgb(25,25,25);
		text-align:center;
		left: 7%;
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		border: 1px white solid;
		cursor:pointer;
	}
	.buyMax{
		width:10%;
		position:relative;
		display:table-cell;
		vertical-align:middle;
		background-color:rgb(25,25,25);
		text-align:center;
		left: 8%;
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		border: 1px white solid;
		cursor:pointer;
	}
	.buildingStats {
		left:10%;
		border:1px white solid;
		position:relative;
		display:table-cell;
		vertical-align:middle;
		text-align:left;
	}
	.buildingPic {
		width:50px;
		height:50px;
		display:table-cell;
		background-repeat: no-repeat;
		background-position: center;
		border: 1px solid white;
	}
	.buildingAmt {
		position:relative;
		left:5%;
		width:10%;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
	}
	.buildingLine .tooltiptext{
		visibility:hidden;
		position:fixed;
		width:30%;
		background-color: #1c2325;
		color: #fff;
		text-align:center;
		font-family: "Courier New", Courier, monospace;
		font-size: 15px;
		border-radius: 6px;
		bottom:5%;
		right:5%;
		z-index: 1;
	}
	.empower{
		width:10%;
		position:relative;
		display:table-cell;
		vertical-align:middle;
		background-color:rgb(25,25,25);
		text-align:center;
		left: 9%;
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		border: 1px white solid;
		cursor:pointer;
		
	}
	.hidden{
		display: none;
	}
	.buildingLine:hover .tooltiptext{
		visibility: visible;
	}
	.resource .tooltiptext{
		visibility:hidden;
		position:fixed;
		width:30%;
		background-color: #1c2325;
		color: #fff;
		text-align:center;
		font-family: "Courier New", Courier, monospace;
		font-size: 15px;
		border-radius: 6px;
		bottom:5%;
		right:5%;
		z-index: 1;
	}
	.resource:hover .tooltiptext{
		visibility: visible;
	}
	.verboseOn{
		cursor:pointer;
		border:1px solid green;
		padding:3px;
	}

	.verboseOnH{
		cursor:pointer;
		border:1px solid green;
		padding:3px;
	}
	.optionLine{
		display:flex;
		flex-direction:column;
		align-items:center;
		height:10%;
		width:55%;
		position:relative;
	}
	
	.upgradeHolder {
		height:74%;
		position:relative;
		width:80%;
		display:grid;
		padding: 1%;
		border: 1px solid white;
		overflow-y:scroll;
		grid-template-columns: auto auto auto;
	}
	.researchHolder {
		position:relative;
		width:60%;
		display:grid;
		padding: 1%;
		grid-template-columns: auto auto auto;
	}
	.researchLine{
		height:75px;
		margin:.5%;
		position:relative;
		display:table;
	}
	.researchDetails{
		top:0px;
		right:10%;
		display:inline-grid;
		width:15%;
		position:absolute;
	}
	.researchDetailCost{
		margin:5%;
		text-align:center;
	}
	.researchDetailText{
		text-align:center;
	}
	.upgradeLine {
		height:75px;
		margin:.5%;
		position:relative;
		display:table;
	}
	.upgradePic{
		width:75px;
		height:75px;
		background-repeat: no-repeat;
		background-position: center;
		display:table-cell;
		border: 1px solid white;
		cursor:pointer;
	}
	.upgradeDes{
		position:relative;
		text-align:center;
		display:flex;
		height:75px;
		align-items:center;
		align-content: center;
		justify-content:center;
	}
	.costTable{
		top:0px;
		right:0px;
		display:inline-grid;
		width:10%;
		position:absolute;
	}
	.costSpender{
		display:inline-block;
		position:relative;
		width:100%;
		margin:2%;
	}
	.csSelected{
		/*box-shadow: 0px 0px 10px 10px #9400D3; */
		box-shadow: 0px 0px 10px 10px white;
	}
	.uBuy{
		border:1px solid green;
		text-align:center;
		cursor:pointer;
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	}
	.upgDescHolder{
		margin:1%;
		width:70%;
		text-align:center;
	}
	.upgDescValue{
		width:100%;
	}
	.csHighlight{
		box-shadow: 0px 0px 5px 5px white;
	}
	.empBoxGlow0{
		box-shadow: 1px 1px 5px 5px #009900, -1px 1px 5px 5px #009900, 1px -1px 5px 5px #009900, -1px -1px 5px 5px #009900;
	}
	.empBoxGlow1{
		box-shadow: 1px 1px 3px 3px #A9B9A7, -1px 1px 5px 5px #A9B9A7, 1px -1px 5px 5px #A9B9A7, -1px -1px 5px 5px #A9B9A7;
	}
	.empBoxGlow2{
		box-shadow: 1px 1px 3px 3px #6E6E48, -1px 1px 5px 5px #6E6E48, 1px -1px 5px 5px #6E6E48, -1px -1px 5px 5px #6E6E48;
	}
	.empGlow{
		text-shadow: 1px 1px 3px #22BB22, -1px 1px 3px #22BB22, 1px -1px 3px #22BB22, -1px -1px 3px #22BB22;
		display:contents;
	}
	.empCostGlow{
		text-shadow: 1px 1px 3px #22BB22, -1px 1px 3px #22BB22, 1px -1px 3px #22BB22, -1px -1px 3px #22BB22;
	}
	.lightCoin{
		text-shadow: 1px 1px 3px #FFFF00, -1px 1px 3px #FFFF00, 1px -1px 3px #FFFF00, -1px -1px 3px #FFFF00;
	}
	.darkCoin{
		text-shadow: 1px 1px 3px #FFFFFF, -1px 1px 3px #FFFFFF, 1px -1px 3px #FFFFFF, -1px -1px 3px #FFFFFF;
	}
	.empowerHolder{
		border:1px solid green;
		width:50%;
		height:500px;
		position:absolute;
		display:inline;
		top:0px;
		left:20%;
		background-color:black;
	}
	.empowerList{
		width:100%;
		height:100%;
		display:flex;
		flex-direction:column;
		font-size:1.75vmin;
	}
	.empTier{
		border-bottom-width:1px;
		border-bottom-color: red;
		border-bottom-style:solid;
		width:100%;
		height:125px;
		position:relative;
		display:flex;
		align-content:space-around;
		flex-wrap:wrap;
		justify-content:space-evenly;
	}
	.empTT{
		width:100%;
		height:125px;
		position:relative;
		display:flex;
		align-content:center;
		flex-wrap:nowrap;
		flex-direction:column;
		align-items:center;
	}
	.empVal{
		border:1px solid blue;
		width:75px;
		height:75px;
		background-repeat: no-repeat;
		background-position: center;
		cursor:hand;
cursor:pointer;
	}
	.empHeader{
		
	}
	.gotHeader{
		font-size:150%;
		display:flex;
		justify-content:center;
	}
	.gotchaStatsH{
		width:25%;
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		top:0px;
		font-size:80%;
		position:absolute;
	}
	.gotchaLine2{
		txt-align:right;
	}
	.gotchaLine3{
		text-align:right;
	}
	.gotCenter{
		align-items:center;
		display:flex;
		flex-direction: column;
		position:relative;
		left:40%;
		width:20%;
		top:10%;
		height:100%;
		margin-left:1%
	}
	.gotBtn{
		border:1px solid blue;
		margin-top: 3%;
		font-size:130%;
		cursor:hand;
cursor:pointer;
		
	}
	.macLevelUpProg{
		width:0%;
		height:100%;
		display:inline-block;
		position:absolute;
		z-index:-1;
		top:0px;
	}
	.empDone{
		background-color:#009900;
	}
	.buildingLocked{
		visibility:visible;
		color:white;
		border:1px solid red;
		background-color:#1f1f1f;
		width:100%;
		font-size:1.5vmin;
		height:50px;
		display:block;
		cursor:hand;
cursor:pointer;
		text-align:center;
	}
	.gotBuyRslt{
		width:100%;
		height:60%;
		display:flex;
		flex-direction: column;
		align-items:center;
		font-size:1.65vmin;
	}
	.gachaHolder{
		border:1px green solid;
		z-index:1;
		position:absolute;
		width:100%;
		height:100%;
		top:0px;
		background-color:black;
	}
	.gPic{
		width:75px;
		height:75px;
		display:flow;
		position:absolute;
	}
	.afford{
		background-color: rgb(25,25,25);
	}
	.unAfford{
		background-color: red;
	}	
	.blacksmithHolder{
		display:flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
		position:relative;
	}
	.bsInputLine{
		display:flex;
		align-items:flex-start;
		flex-direction:row;
	}
	.bsInput{
		position: static;
		width: 50px;
		margin-left:10px;
	}
	.bsInfo{
	}
	.bsDustBar{
		width:0px;
		height:50px;
		background-color:rgb(255,255,199);
		border-bottom:1px solid rgb(255,255,199);
		position:absolute;
	}
	.bsDustBarBG{
		width:400px;
		height:50px;
		background-color:black;
		border:1px solid rgb(255,255,199);
		position:absolute;
	}
	.dustBar{
		display:flex;
		justify-content:center;
		position:relative
	}
	.anvil{
		background-image: url("img/blacksmith/anvil.png");
		height:483px;
		width:640px;
		cursor:hand;
cursor:pointer;
	}
	.devilSelect{
		width:900px;
		display:flex;
		justify-content:space-around;
		align-items:center;
		flex-direction:row;
	}
	.devilHolder{
		width:150px;
		display:flex;
		flex-direction:column;
		align-items:center;
		position:relative;
	}
	.devilSel{
		width:150px;
		height:150px;
		cursor:hand;
cursor:pointer;
		border:1px solid red;
		margin:5px;
		z-index:1;
	}
	.devilSelGlow1{
		box-shadow: 1px 1px 5px 5px #FF0000, -1px 1px 5px 5px #FF0000, 1px -1px 5px 5px #FF0000, -1px -1px 5px 5px #FF0000;
	}
	.devilSelComplete{
		filter:grayscale(1);
		opacity: .5;
	}
	.devilCenterStats{
		display:flex;
		flex-direction:column;
		align-items:center;
		margin-left:10%;
		margin-right:10%;
		color:#00FBFB;
	}
	.devilCenter{
		width:600px;
		height:600px;
		background-image: url("img/devil/bg.png");
		background-position:center;
		background-repeat:no-repeat;
		position:relative;
		overflow:scroll;
		opacity: .7;
	}
	.devilDeal{
		cursor:hand;
cursor:pointer;
		height:10%;
		border:1px solid red;
		position:absolute;
		color:red;
		font-size:150%;
		bottom:-10%;
		display:flex;
		align-items:center;
	}
	.darkHolder{
		display:flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
		top:-5%;
		position:relative;
		height:800px;
	}
	.darkSealHolder{
		width:800px;
		height: -webkit-fill-available;
		height: -moz-available;
		height: fill-available;
		display:flex;
		align-items: center;
		flex-direction:column;
		justify-content:center;
	}
	.darkSeals{
		width:-webkit-fill-available;
		width: -moz-available;
		width: fill-available;
		height:-webkit-fill-available;
		height: -moz-available;
		height: fill-available;
		display:flex;
		position:relative;
		justify-content:center;
		align-items:center;
		margin-bottom:3%;
	}
	.theSeal{
		text-align:center;
		width:450px;
		height:450px;
		background-image: url("img/dark/theSeal.png");
		background-repeat: no-repeat;
	}
	.seal0{
		background-image: url("img/dark/seal0.png");
		background-repeat: no-repeat;
		display:block;
		position:absolute;
		width:450px;
		height:450px;
	}
	.seal1{
		background-image: url("img/dark/seal1.png");
		background-repeat: no-repeat;
		display:block;
		width:450px;
		height:450px;
		position:absolute;
	}
	.seal2{
		background-image: url("img/dark/seal2.png");
		background-repeat: no-repeat;
		display:block;
		width:450px;
		height:450px;
		position:absolute;
	}
	.seal3{
		background-image: url("img/dark/seal3.png");
		background-repeat: no-repeat;
		display:block;
		width:450px;
		height:450px;
		position:absolute;
	}
	.sealTxt{
		position:relative;
		display:block;
		top:45%;
	}
	.darkSeal{
		border:1px solid red;
		width:150px;
		height:150px;
		display:block;
		position:absolute;
		cursor:hand;
cursor:pointer;
	}
	.darkSeal .dtooltip{
		visibility:hidden;
		position:absolute;
		width: -webkit-fill-available;
		width: -moz-available;
		width: fill-available;
		background-color: #1c2325;
		color: #fff;
		text-align:center;
		border-radius: 6px;
		bottom:5%;
		z-index: 1;
	}
	.darkObjectHolder{
		display:flex;
		flex-direction:column;
		height:50%;
		width:800px;;
		align-items:center;
	}
	.darkObjectList{
		width: -webkit-fill-available;
		width: -moz-available;
		width: fill-available;
		height:50%;
		top:0px;
		position:relative;
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content: space-around;
		margin-top:1%;
	}
	.darkObject{
		border:1px solid red;
		width:75px;
		height:75px;
		cursor:hand;
cursor:pointer;
		background-position:center;
		background-repeat:no-repeat;
	}
	.darkObjectOps{
		display:flex;
		flex-direction:column;
		height:100%;
		width:100%;
		align-items:center;
		justify-content:space-evenly;
		position:relative;
		top: 5%;
	}
	.darkObjectDesc{
		font-size:1.65vmin;
	}
	.darkObjectDesc2{
		width:100%;
		height:100%;
		display:flex;
		align-items:center;
		justify-content:center;
		bottom:0px;
		position:relative;
		background-image: url("img/dark/water.png");
		font-size:1.65vmin;
	}
	.darkObjectGlow{
		box-shadow: 1px 1px 15px 2px #008335, -1px 1px 15px 2px #008335, 1px -1px 15px 2px #008335, -1px -1px 15px 2px #008335;
	}
	.sanctumHolder{
		width:100%;
		height:100%;
		display:flex;
		justify-content: center;
		position:absolute;
	}
	.innerSanctum{
		width:600px;
		height:500px;
		display:flex;
		top:3vw;
		justify-content:center;
		position:relative;
		align-items:center;
	}
	.outerSanc{
		width:25%;
		height:50%;
		top:3vw;
		display:flex;
		flex-direction:column;
		align-items:center;
		position:relative;
		line-height:150%;
	}
	.psTT{
		position:absolute;
		bottom:0px;
	}
	.sancUpg{
		border:1px solid white;
		width:125px;
		height:125px;
		position:absolute;
		cursor:hand;
cursor:pointer;
	}
	.sancTot{
		position:absolute;
	}
	.sancText{
		display:inline;
		position:absolute;
	}
	.helpMenu{
		position:absolute;
		width:90%;
		height:90%;
		overflow-y:scroll;
		color:white;
		top:5px;
		left:5px;
		border: 1px solid white;
		background-color: black;
		z-index:10;
		display:none;
	}
	.firstMenu{
		position:absolute;
		width:99%;
		height:98%;
		overflow-y:scroll;
		color:white;
		font-size:200%;
		background-color: black;
		text-align:center;
		z-index:5;
		display:none;
	}

	input {
	width:50%;
	right:3%;
	text-align:right;
	position:absolute;
	background:transparent;
	color:white;
	display:inline-block;
	}
	td.value{
		text-align:right;
		width: 200px;
	}
	td.shrink{
		white-space: nowrap;
		width: 1px;
	}
	::-webkit-scrollbar { 
		display: none;  
	}
	.SacCoinHolder{
		position:fixed;
		top:0px;
		left:0px;
		height:100%;
		width:100%;
		background-color:black;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	.allCoinHolder{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		overflow:hidden;
	}
	.dollarCoin{
		background-image: url("img/coins/coin1.png");
	}
	.partCoin{
		background-image: url("img/coins/coin2.png");
	}
	
	.effCoinHolder{
		overflow:hidden;
		position:relative;
	}
	.effCoin{
		position:absolute;
		width:300px;
		height:300px;
	}
	.effCoin0{
		background-image: url("img/coins/coin3.png");
		animation:eff0 6s steps(1,end) infinite;
	}
	.effCoin1{
		background-image: url("img/coins/coin3_1.png");
		animation:eff1 6s linear infinite;
	}
	.effCoin2{
		background-image: url("img/coins/coin3_2.png");
		animation:eff2 6s linear infinite;
	}
	.effCoin3{
		background-image: url("img/coins/coin3_3.png");
		animation:eff3 6s linear infinite;
	}
	.effCoin4{
		background-image: url("img/coins/coin3_4.png");
		animation:eff4 6s linear infinite;
	}
	.econCoin{
		background-image: url("img/coins/coin4.png");
	}
	.speedHold{
		overflow:hidden;
	}
	.speedCoin{
		width:300px;
		height:300px;
		position:relative;
		background-image: url("img/coins/coin5.png");
		animation:iamspeed 4s linear infinite;
	}
	.cloneHold{
		overflow:hidden;
		position:relative;
	}
	.cloneCoin{
		width:300px;
		height:300px;
		background-image: url("img/coins/coin6.png");
	}
	.cloneCoinClone{
		position:absolute;
		width:300px;
		height:300px;
		background-image: url("img/coins/coin6.png");
		opacity:0;
		animation:clonePop 5s steps(1,end) infinite;
	}
	.luckHold{
	}
	.luckCoin{
		background-image: url("img/coins/coin7.png");
		animation:flip 1s linear;
	}
	.luckCoinBack{
		background-image: url("img/coins/coin7_2.png");
		animation:flip2 1s linear;
	}
	.growCoin{
		background-image: url("img/coins/coin8.png");
		animation: multiFade 3s linear infinite;
	}
	.lCoin{
		background-image: url("img/coins/coinL.png");
	}
	.lCoinGlow{
		width:300px;
		height:300px;
		background-image: url("img/coins/coinL_2.png");
		animation: lGlow 3s linear infinite;
	}
	.dkHold{
		overflow:hidden;
		position:relative;
	}
	.dkCoin{
		background-image: url("img/coins/coinDk.png");
	}
	.dkCloud{
		position:absolute;
		width:300px;
		height:300px;
		mix-blend-mode:color-burn;
		background-image: url("img/coins/darkCloud.png");
		animation: dkCloud 4s linear -2s infinite, lGlow 2s linear infinite;
	}
	.dkCloud2{
		position:absolute;
		width:300px;
		height:300px;
		mix-blend-mode:color-burn;
		background-image: url("img/coins/darkCloud.png");
		opacity:0;
		animation: dkCloud 4s linear infinite, lGlow 2s linear infinite;
	}
	.dvCoin{
		background-image: url("img/coins/coinDv.png");
		filter:brightness(.5);
	}
	.dvFog{
		position:absolute;
		width:300px;
		height:300px;
		mix-blend-mode:multiply;
		background-image: url("img/coins/devilFog.png");
		filter:blur(5px);
		animation: dvFog 4s linear -2s infinite;
	}
	.dvFog2{
		position:absolute;
		width:300px;
		height:300px;
		mix-blend-mode:multiply;
		background-image: url("img/coins/devilFog.png");
		filter:blur(5px);
		animation: dvFog 4s linear infinite;
	}
	.doCoin{
		background-image: url("img/coins/coinObj.png");
		filter: url(#svg_filter);
	}
	.menuCoin{
		position:relative;
		top:-50px;
		background-image: url("img/coins/coinMenu.png");
		animation: menuHover 2s ease-in-out infinite;
	}
	
	.macCoinHolder{
		overflow:hidden;
		position:relative;
	}
	.macCoin{
		position:absolute;
		width:300px;
		height:300px;
	}
	.macCoin0{
		background-image: url("img/coins/coinMac.png");
		animation:mac0 6s steps(1,end) infinite;
	}
	.macCoin1{
		background-image: url("img/coins/coinMac_1.png");
		animation:mac1 6s linear infinite;
	}
	.macCoin2{
		background-image: url("img/coins/coinMac_2.png");
		animation:mac2 6s linear infinite;
	}
	.macCoin3{
		background-image: url("img/coins/coinMac_3.png");
		animation:mac3 6s linear infinite;
	}
	.macCoin4{
		background-image: url("img/coins/coinMac_4.png");
		animation:mac4 6s linear infinite;
	}
	
	.keyCoin{
		background-image: url("img/coins/coinKey.png");
		animation: keyRotate 2s linear infinite;
	}
	.empCoinHold{
		overflow:hidden;
		position:relative;
	}
	.empCoin{
		width:300px;
		height:300px;
		background-image: url("img/coins/coinEmp.png");
		animation: empExplode 6s linear; 
	}
	.empCoin2{
		width:300px;
		height:300px;
		background-image: url("img/coins/coinEmp.png");
		animation: empExplode2 6s linear; 
	}
	.empConfettie{
		width:11px;
		height:19px;
		position:absolute;
		opacity:0;
		transition: all 6s linear;
		animation: empConfet 6s linear infinite; 
	}
	.empConfet1{
		background-image: url("img/coins/empConft1.png");
	}
	.empConfet2{
		background-image: url("img/coins/empConft2.png");
	}
	.empConfet3{
		background-image: url("img/coins/empConft3.png");
	}
	.sparkle{
		background-image: url("img/coins/sparkle.png");
		width:15px;
		height:15px;
		position:absolute;
		animation: sparkle 2s linear infinite;
	}
	.block{
		background-image: url("img/coins/block.png");
		width:30px;
		height:30px;
		background-color:black;
		position:static;
		display:inline-block;
		animation: block 3s steps(1,end) infinite;
	}
	.displayCoin{
		width:300px;
		height:300px;
		margin-right:2%;
	}
	.displayCoinHover{
		width:300px;
		height:300px;
		position:absolute;
		z-index:5;
	}
	.displayCoinText{
		position:fixed;
		background-color:black;
		bottom:0px;
		right:0px;
		border:1px solid grey;
	}
	.displaySac{
	}
	.sacCoin{
		display:block;
		position:absolute;
		height:300px;
		width:300px;
		background-image: url("img/misc/sacCoin.png");
	}
	.sacCoinSpin{
		animation: spin 2s linear;
		background-image: url("img/misc/sacCoin.png");
	}
	.sacCoinSpin2{
		animation: spin2 2s linear;
		background-image: url("img/misc/sacCoin2.png");
	}
	.shimmer{
		display:inline-block;
		position:absolute;
		top:0px;
		left:0px;
		width:150px;
		height:300px;
		mix-blend-mode:color-dodge;
		background: linear-gradient(100deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.5) 50%,rgba(255,255,255,0)80%);
		animation: shim 2.4s linear infinite;
	}
	.randHold{
		overflow:hidden;
		position:relative;
	}
	.randColor{
		width:300px;
		height:300px;
		position:absolute;
		z-index:1;
		mix-blend-mode:overlay;
	}
	.randCoin{
		width:300px;
		height:300px;
		background-image: url("img/coins/coinRand.png");
		position:absolute;
	}
	.purr{
		animation: rand5 .25s linear infinite;
	}
	.randAnim1{
		animation: rand1 4s linear ;
	}
	.randAnim2{
		animation: rand2 4s linear ;
	}
	.randAnim3{
		animation: rand3 4s linear ;
	}
	.randAnim4{
		animation: rand4 4s linear ;
	}
	.randAnim5{
		animation: rand5 .25s linear 16;
	}
	.dustCoinHolder{
		overflow:hidden;
		position:relative;
	}
	.dustCoin{
		width:300px;
		height:300px;
		position:absolute;
		background-image: url("img/coins/coinDust.png");
		transform: rotateX(60deg);
	}
	.dustCoinHammer{
		width:300px;
		height:300px;
		position:absolute;
		background-image: url("img/coins/coinDustHammer.png");
		animation: hammerTime 4s linear infinite;
	}
	.dustCoinSpark{
		width:19px;
		height:11px;
		position:relative;
		top:150px;
		opacity:0;
		left:150px;
		background-image: url("img/coins/coinDustSpark.png");
	}
	.twilightCoin{
		display:flex;
		justify-content:center;
		align-items:center;
		background-image: url("img/coins/coinSanc.png");
	}
	.twilightFilter{
		height:225px;
		width:197px;
		position:absolute;
		mix-blend-mode:overlay;
		animation: twilightCircle 4s linear infinite;
		background-image: url("img/coins/coinSancFilter.png");
	}
	.gachaCoin{
		background-image: url("img/coins/coinGacha.png");
		position:relative;
		overflow:hidden;
	}
	.gachaCurtain1{
		background-image: url("img/coins/coinGachaCurtain.png");
		position:absolute;
		width:300px;
		height:300px;
		animation: gachaCurt1 4s linear infinite;
	}
	.gachaCurtain2{
		background-image: url("img/coins/coinGachaCurtain.png");
		position:absolute;
		width:300px;
		height:300px;
		animation: gachaCurt2 4s linear infinite;
	}
	.failDealHold{
		position:relative;
		overflow:hidden;
	}
	.failDealCoin{
		width:300px;
		height:300px;
		position:absolute;
		background-image: url("img/coins/coinDeal.png");
		animation: coinDeal 4s linear infinite;
	}
	.coinFinish{
		background-image: url("img/coins/coinFinish.png");
	}
	.coinShowcaseHeader{
		display:inline-block;
		position:absolute;
		text-align:center;
		width:100%;
		z-index:5;
	}
	.sancGood{
		color:green;
	}
	.sancBad{
		color:red;
	}
	.devilCoinColor{
		color:darkred;
		text-shadow: 1px 1px 3px #730000, -1px 1px 3px #730000, 1px -1px 3px #730000, -1px -1px 3px #730000;
	}
	.gachaCoinColor{
		animation:gachaColorGlow 1s ease-in-out infinite alternate;
	}
	.blacksmithCoinColor{
		color:gold;
	}
	.upgradeCoinColor{
		color:purple;
	}
	.produceCoinColor{
		color:green;
	}
@keyframes gachaColorGlow{
	from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
	}
	to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
	}
}
@keyframes iamspeed{
	0%{
		transform:translate(-150%,0);
	}
	12%,100%{
		transform:translate(150%,0);
	}
}
@keyframes multiFade{
	0%{
		transform:scale(.1);
		opacity:0;
	}
	25%{
		transform:scale(.5);
		opacity:.5;
	}
	50%{
		transform:scale(1);
		opacity:1;
	}
	75%{
		transform:scale(.5);
		opacity:.5;
	}
	100%{
		transform:scale(.1);
		opacity:0;
	}
}
@keyframes sparkle{
	0%{
		transform:scale(1.0);
		opacity:1;
	}
		25%{
		transform:scale(.5);
		opacity:0;
	}
		50%{
		transform:scale(1.0);
		opacity:1;
	}
		75%{
		transform:scale(.5);
		opacity:0;
	}
		100%{
		transform:scale(1.0);
		opacity:1;
	}
}
@keyframes block{
	0%{
		opacity:0;
	}
	50%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
@keyframes clonePop{
	0%{
		opacity:1;
	}
	50%{
		opacity:0;
	}
	95%, 100%{
		opacity:1;
	}
}
@keyframes shim{
	0%, 40% {
		transform: translateX(-270%);
	}
	70%, 100%{
		transform: translateX(200%);
	}
}
@keyframes spin {
	0%{
		transform: rotate3d(0,1,0,90deg);
	}
	50%{
		transform: rotate3d(0,1,0,0deg);
	}
	100%{
		transform: rotate3d(0,1,0,90deg);
	}
}
@keyframes spin2 {
	0%{
		transform: rotate3d(0,1,0,90deg);
	}
	50%{
		transform: rotate3d(0,1,0,0deg);
	}
	100%{
		transform: rotate3d(0,1,0,90deg);
	}
}
@keyframes flip {
	0%{
		transform: rotate3d(1,0,0,90deg);
	}
	50%{
		transform: rotate3d(1,0,0,0deg);
	}
	100%{
		transform: rotate3d(1,0,0,90deg);
	}
}
@keyframes flip2 {
	0%{
		transform: rotate3d(1,0,0,90deg);
	}
	50%{
		transform: rotate3d(1,0,0,0deg);
	}
	100%{
		transform: rotate3d(1,0,0,90deg);
	}
}
@keyframes eff0{
	0%{
		opacity:0;
	}
	33%,66.5%{
		opacity:1;
	}
	66.5%{
		opacity:0;
	}
}
@keyframes eff1{
	0%{
		transform: translate(-100%,-100%);
	}
	16.5%,66%{
		transform: translate(0,0);
	}
	83.5%, 100%{
		transform: translate(-100%,-100%);
	}
}
@keyframes eff2{
	0%, 5.5%{
		transform: translate(100%,-100%);
	}
	22%,71.5%{
		transform: translate(0,0);
	}
	89%, 100%{
		transform: translate(100%,-100%);
	}
}
@keyframes eff3{
	0%, 11%{
		transform: translate(-100%,100%);
	}
	27.5%,77%{
		transform: translate(0,0);
	}
	94.5%, 100%{
		transform: translate(-100%,100%);
	}
}
@keyframes eff4{
	0%, 16.5%{
		transform: translate(100%,100%);
	}
	33%,82.5%{
		transform: translate(0,0);
	}
	100%{
		transform: translate(100%,100%);
	}
}
@keyframes dkCloud{
	0%{
		transform:translate(-100%,0);
	}
	100%{
		transform:translate(100%,0);
	}
}
@keyframes dvFog{
	0%{
		transform:translate(0,100%);
		opacity:0.1;
	}
	100%{
		transform:translate(0,-100%);
	}
}

@keyframes keyRotate{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
@keyframes lGlow{
	0%{
		opacity:0.1;
	}
	50%{
		opacity:1;
	}
	100%{
		opacity:0.1;
	}
}
@keyframes menuHover{
	0%{
		transform:translate:(0,0);
	}
	50%{
		transform:translate(0,50px);
	}
	95%, 100%{
		transform:translate:(0,-50px);
	}
}
@keyframes mac0{
	0%{
		opacity:0;
	}
	24.75%,66.5%{
		opacity:1;
	}
	66.5%{
		opacity:0;
	}
}
@keyframes mac1{
	0%{
		transform: translate(0,-100%);
	}
	8.25%,82.5%{
		transform: translate(0,0);
	}
	91.25%, 100%{
		transform: translate(0,-100%);
	}
}
@keyframes mac2{
	0%, 5.5%{
		transform: translate(0,-100%);
	}
	13.75%, 77%{
		transform: translate(0,0);
	}
	85.75%, 100%{
		transform: translate(0,-100%);
	}
}
@keyframes mac3{
	0%, 11%{
		transform: translate(0,-100%);
	}
	19.25%,71.5%{
		transform: translate(0,0);
	}
	80.25%, 100%{
		transform: translate(0,-100%);
	}
}
@keyframes mac4{
	0%, 16.5%{
		transform: translate(0,-100%);
	}
	24.75%, 66%{
		transform: translate(0,0);
	}
	74.75%, 100%{
		transform: translate(0,-100%);
	}
}
@keyframes empExplode{
	0%{
		transform:scale(0);
	}
	25%{
		transform:scale(1);
	}
	50%{
		transform:scale(2);
	}
	50.1%, 100%{
		transform:scale(0);
	}
}
@keyframes empExplode2{
	0%{
		transform:scale(0);
	}
	25%{
		transform:scale(1);
	}
	50%{
		transform:scale(2);
	}
	50.1%, 100%{
		transform:scale(0);
	}
}
@keyframes empConfet{
	0%, 50%{
		opacity:0;
	}
	50.1%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
@keyframes rand1{
	0%{
		transform: scale(1);
	}
	25%{
		transform: scale(2) skew(45deg, 35deg);

	}
	50%{
		transform: scale(.5) skew(-200deg, 100deg);

	}
	75%{
		transform: scale(1.5) skew(50deg, -250deg) rotate(360deg);

	}
	100%{
		transform: scale(1) skew(0deg, 0deg);

	}
}
@keyframes rand2{
	0%{
		transform: scale(1);
	}
	25%{
		transform: scale(.5) rotate(180deg);
	}
	50%{
		transform: scale(1) rotate(-540deg);
	}
	75%{
		transform: scale(0) rotate(180deg);
		
	}
	100%{
		transform: scale(1);
	}
}
@keyframes rand3{
	0%{
		transform: scale(1);
	}
	25%{
		transform: scaleX(2) scaleY(.5);
	}
	40%{
		transform: rotate(100deg);
	}
	45%{
		transform: rotate(-200deg);
	}
	55%{
		transform: rotate(300deg);
	}
	60%{
		transform: rotate(-400deg);
	}
	75%{
		transform: scale(0) translate(0, 200%);
		opacity:0;
		
	}
	100%{
		transform: scale(1);
		opacity:1;
	}
}
@keyframes rand4{
	0%, 45%{
		transform: scale(1);
	}
	55%{
		transform: scale(0) rotate3d(0,1,0,700deg);
	}
	55.1%, 100%{
		transform: scale(1);
	}
}
@keyframes rand5{
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes hammerTime{
	0%, 35%{
		transform: translate(0, -200%);
	}
	50%{
		transform: translate(0, 0);
	}
	85%, 100%{
		transform: translate(0, -200%);
	}
}
@keyframes spark1{
	0%, 50%{
		transform: translate(0, 0);
		opacity:0;
	}
	50.1%{
		opacity:1;
	}
	65%, 100%{
		transform: translate(0, 300px);
		opacity:1;
	}
}
@keyframes spark2{
	0%, 50%{
		transform: translate(0, 0);
		opacity:0;
	}
	50.1%{
		opacity:1;
	}
	65%, 100%{
		transform: translate(300px, 0);
		opacity:1;
	}
}
@keyframes spark3{
	0%, 50%{
		transform: translate(0, 0);
		opacity:0;
	}
	50.1%{
		opacity:1;
	}
	65%, 100%{
		transform: translate(-300px, 0);
		opacity:1;
	}
}
@keyframes spark4{
	0%, 50%{
		transform: translate(0, 0);
		opacity:0;
	}
	50.1%{
		opacity:1;
	}
	65%, 100%{
		transform: translate(150px, 150px);
		opacity:1;
	}
}
@keyframes spark5{
	0%, 50%{
		transform: translate(0, 0);
		opacity:0;
	}
	50.1%{
		opacity:1;
	}
	65%, 100%{
		transform: translate(-150px, 150px);
		opacity:1
	}
}
@keyframes twilightCircle{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@keyframes gachaCurt1{
	0%{
		transform: translate(0,0);
	}
	50%{
		transform:translate(150%, 0);
	}
	100%{
		transform: translate(0,0);
	}
}
@keyframes gachaCurt2{
	0%{
		transform: translate(0,0);
	}
	50%{
		transform:translate(-150%, 0);
	}
	100%{
		transform: translate(0,0);
	}
}
@keyframes coinDeal{
  0% { transform: translate(1px, 1px) rotate(0deg); }
  1% { transform: translate(-1px, -2px) rotate(-1deg); }
  2% { transform: translate(-3px, 0px) rotate(1deg); }
  3% { transform: translate(3px, 2px) rotate(0deg); }
  4% { transform: translate(1px, -1px) rotate(1deg); }
  5% { transform: translate(-1px, 2px) rotate(-1deg); }
  6% { transform: translate(-3px, 1px) rotate(0deg); }
  7% { transform: translate(3px, 1px) rotate(-1deg); }
  8% { transform: translate(-1px, -1px) rotate(1deg); }
  9% { transform: translate(1px, 2px) rotate(0deg); }
  10% { transform: translate(1px, -2px) rotate(-1deg); }
  30%, 45%{
	transform:  translate(0, 35%) rotateX(90deg);
	opacity:1;
  }
  50%{
	opacity:0;
  }
  51%, 60%{
	 opacity:0;
	transform: translate(0, -300px) rotateX(90deg);
	
  }
  65%{
	  
	opacity:0;
  }
  66%{
	opacity:1;
	transform: translate(0, -300px) rotateX(0deg);
  }
  68%, 100%{
	transform: translate(0,0);
  }
}