body {
	background-image: url('calamitybg.png');


}

.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-bar {
	position: relative;

	width: 365px;
	height: 24px;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	color: white;
	font-family: 'Ink Free';
	padding: 16px 6px;


}

.shop {
	position: relative;
	width: 65px;
	height: 75px;
	font-size: 18px;
	border: 2px solid;
	border-color: blue;
	text-decoration: none;
	color: white;
	padding: 10px  18px;
}

.shop:hover {
	background-color: blue;
	border-color: white;
	color: pink;

}

.gallery {
	position: relative;
	width: 65px;
	height: 75px;
	font-size: 18px;
	border: 2px solid;
	border-color: pink;
	text-decoration: none;
	color: white;
	padding: 10px 12px;

}

.gallery:hover {
	background-color: pink;
	border-color: white;
	color: black;
}

.login {	
	position: relative;
	width: 65px;
	height: 75px;
	font-size: 18px;
	border: 2px solid;
	text-decoration: none;
	color: white;
	border-color: purple;
	padding: 10px 16px;

}

.login:hover {
	background-color: purple;
	border-color: white;
	color: pink;
}
.contact {
	position: relative;
	width: 65px;
	height: 75px;
	font-size: 18px;
	border: 2px solid;
	text-decoration: none;
	color: white; 
	border-color: lime;
	padding: 10px 8px;	

}

.contact:hover {
	background-color: lime;
	border-color: white;
	color: black;
}

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

/*-----------Contact Page----------------------*/

.contact-form {
	position: relative;
	display: block;
	background-color: black;
	border: 2px solid;
	border-color: pink;
	border-radius: 12px;
	width: 357px;
	max-width: 357px;
	height: 400px;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-family: "Ink Free";
	color: white;

}

.contact-title {
	color: pink;
}

.email-lbl {
	position: relative;
	font-size: 22px;
	left: 150px;


}

.email {
	position: relative;
	font-size: 16px;
	top: 40px;
	left: 20px;
	background-color: #454545;
	color: white;
	border: 2px solid;
	border-color: green;
	border-radius: 12px;

}

.text-lbl {
	position: relative;
	font-size: 22px;
	top: 70px;
	right: 130px;
	

}

.textbox {
	position: relative;
	font-size: 16px;
	width: 300px;
	height: 150px;
    top: 90px;
    background-color: #454545;
    color: white;
    font-family: sans-serif;
    border: 2px solid;
    border-color: purple;
    border-radius: 12px;

}

.submit {
	position: relative;
	font-size: 18px;
	font-family: "Ink Free";
	top: 94px;
	border: 2px solid;
	border-color: pink;
	background-color: black;
	color: white;
	padding: 8px 8px;	
}

/*-----------Thanks Page-------------*/

.thankyou {
	position: relative;
	font-family: "Ink Free";
	font-size: 36px;
	color: lime;
	bottom: 60px;
	align-content: center;
	justify-content: center;
	text-align: center;
}

.resp {
	position: relative;
	font-family: "Ink Free";
	color: white;
	bottom: 75px;
	align-content: center;
	justify-content: center;
	text-align: center;
}