.mainBody {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 98vh;
	background-image: url('fon.png');
}

/* https://builtin.com/articles/center-div-horizontally-and-vertically */
.myDiv {
	/*padding: 70px 0;*/
	width: 50%;
	height: 50%;
	max-width: 300px;
	margin:auto; /* align horizontally */
	/* border: 2px outset blue; */ /* i don't need a border for now*/
	/*background-color: #FF7F00;*/
	background-color: transparent;
	text-align: center;
	display: flex;
	flex-direction: column;	
}

.divHorz{
	display: flex;
	flex-direction: row;
}

.imageDownloadFromMarket {		
	height: 40px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px; /* Google asks that top/bottom margins should be quarter of the height */
	cursor: pointer; /* To show that this div is clickable */	
}

.imageDownloadFromSite {	
	height: 34px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer; /* To show that this div is clickable */
	flex-direction: column;
	align-items: center;
	/*border-bottom: 1px solid black;*/
}

.buttonList{
	align-content: center;
	min-width: 100px;
	height: 40px;
	margin-bottom: 10px;
	margin-right: 25px;
	cursor: pointer; /* To show that this div is clickable */
	display: flex;
	flex-direction: row;
}

#p{
	vertical-align: middle;
}