/*

Name: AndyPlay CSS
Author:  Andy
Version: 1.0

© AndyPlay 2021

*/


* {
	margin: 0 auto;
	font-family: Sans-serif;
}

#mainContainer {
	background-color: #ebebeb;
	width: 100%;
	height: 100vh;
}

#welcomeDiv {
	background-color: black;
	color: white;
	width: 100%;
	height: 100vh;
}

#footerDiv {
	position: absolute; 
	bottom: 10px;
	left: 10px;
	background-color: transparent;
}

#menuDiv {
	position: absolute;
	z-index: 100;
	margin: 7px;
}

.loadingIcon {
	animation:loadingIcon 4s ease infinite;
	font-size: 100px;
	position:absolute;
	top: calc(50vh - 50px);
	left: 50vw;
	
}

@keyframes loadingIcon {
	0% {
		transform:font-size(100px);
	}
	5% {
		transform:scale(1.25);
	}
	20% {
		transform:scale(1);
	}
	30% {
		transform:scale(1);
	}
	35% {
		transform:scale(1.25);
	}
	50% {
		transform:scale(1);
	}
	55% {
		transform:scale(1.25);
	}
	70% {
		transform:scale(1);
	}
}

.card {
	position: absolute;
	margin-top: -50px;
	margin-left: -32px;
	border-radius: 5px;
	background-size: contain;
}

.cardBackground {
	width: 100%;
	height: 100%;
	background-image: url("../media/cards/back.jpeg");
	background-size: contain;
}


.button1 {
	color: white;
	background-color: black;
	border: none;
	padding: 15px;
	font-size: 1em;
}

.button1:hover {
	background-color: grey;
}