body {
	background-color: black;


}

.menu-bar {
	position: relative;
	display: inline-block;


}

.menu {
	font-family: 'Ink Free';
	font-size: 18px;
	font-style: bold;
	text-decoration: none;
	color: white;
	padding: 2px 8px;	
}

.menu:hover {
	color: pink;
}

.main-title {
	position: relative;
	width: 365px;
	font-family: 'Ink Free';
	font-size: 42px;
	font-style: bold;
	color: pink;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	-webkit-animation: bounce-in 0.4s ease-in-out 0s 1 normal;
	-moz-animation: bounce-in 0.4s ease-in-out 0s 1 normal;
	-ms-animation: bounce-in 0.4s ease-in-out 0s 1 normal;
	animation: bounce-in 0.4s ease-in-out 0s 1 normal;

}

@-webkit-keyframes bounce-in {
	0%{ opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); }
	50%{ opacity: 1; -webkit-transform: scale(1.0); transform: scale(1.0); }
	70%{ -webkit-transform: scale(0.9); transform: scale(0.9); }
	100%{ -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes bounce-in {
	0%{ opacity: 0; transform: scale(.3); }
    50%{ opacity: 1; transform: scale(1.0); }
    70%{ transform: scale(0.9); }
    100%{ transform: scale(1); }
}

.app {
	position: relative;
    display: flex;
    flex-wrap: wrap;
	width: 70%;
	height: 100%;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-decoration: none;
	color: white;
	font-family: sans-serif;
	background-color: black;
	border-radius: 12px;
	padding: 8px 6px;
	box-shadow: pink 2px 2px 4px;

}

.gallery-title {
	position: relative;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-family: "Ink Free";
	color: pink;


	
}

.image {
	padding: 8px 8px;*/
	
	margin: 20px 8px;
}

.cool-box {
	position: relative;
	display: inline-flex;
	flex-wrap: wrap;
	width: 70%;
	text-align: center;
	width: 200px;
	padding: 8px 20px;
	

}

.icecream-box {
	position: relative;
	display: inline-flex;
	flex-wrap: wrap;
	text-align: center;
	width: 200px;
	padding: 8px 8px;

}

.moon-box {
	position: relative;
	display: inline-flex;
	flex-wrap: wrap;
	text-align: center;
	width: 200px;
	padding: 8px 8px;

}

span{
	position: relative;
	display: block;
	align-content: center;
	text-align: center;
	justify-content: center;
	margin-right: auto;
	margin-left: auto;
	right: 16px;

}

.foot {
	position: relative;
	color: white;
	align-content: center;
	justify-content: center;
	text-align: center;
	
}