body {
	background-image: url('aztecBG2.jpg');
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: black;
}

.main-title {
	background-color: black;
	color: cornsilk;
	font-family: "Snap ITC", "Comic Sans MS", "Chalkboard SE", sans-serif;
	position: relative;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}


.dropdown {
	display: inline-block;
	position: relative;
}

.dropbtn {
	padding: 2px 8px;
	font-size: 16px;
	font-family: "Snap ITC", "Comic Sans MS", "Chalkboard SE", sans-serif;
	background-color: black;
	color: #10ff34;
}

.drop-content {
	display: none;
	position: absolute;
	padding: 10px 16px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	box-sizing: border-box;
	min-width: 160px;
	background-color: black;
	text-align: center;
	z-index: 1;
	color: #10ff34;
	border-radius: 12px;
}

.drop-content a {
	display: block;
	float: left;
	text-decoration: none;
	color: white;
	padding: 10px 14px;
	align-content: center;
	justify-content: center;
	font-family: "Snap ITC", "Comic Sans MS", "Chalkboard SE", sans-serif;
	font-size: 16px;
}

.drop-content a:hover {
	color: #10ff34;

}

.dropdown:hover .drop-content {
	display: block;
}

.dropdown:hover .dropbtn {
	background-color: black;

}

.dropbtn:hover {
	color: white;
	border-color: white;
}

@font-face {
	font-family: "Snap ITC";
	src: url("snapitc.ttf");
}

@font-face {
	font-family: "Comic Sans MS";
	src: url("comicsansms.ttf");
}

.button-box {
	position: relative;
	display: flex;
	width: 100px;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 39px 8px;
	margin-top: 16px;



}

.butt {
	position: relative;
	color: #10ff34;
	font-family: "Snap ITC", "Comic Sans MS", "Chalkboard SE", sans-serif;
	font-size: 22px;
	align-content: center;
	justify-content: center;
	text-align: center;
	background-color: black;
	border: 4px solid;
	border-color: #10ff34;
	border-radius: 8px;
	margin-top: 16px;
	text-decoration: none;
	right: 10px;

}

.spec {
	-webkit-animation: bounce-in 1s ease 0s 1 normal;
	-moz-animation: bounce-in 1s ease 0s 1 normal;
	-ms-animation: bounce-in 1s ease 0s 1 normal;
	animation: bounce-in 1s ease 0s 1 normal;
	padding: 8px 16px;



}



.tacos {
	-webkit-animation: bounce-in 2s ease 0s 1 normal;
	-moz-animation: bounce-in 2s ease 0s 1 normal;
	-ms-animation: bounce-in 2s ease 0s 1 normal;
	animation: bounce-in 2s ease 0s 1 normal;
	padding: 8px 35px;


}

.gifts {
	-webkit-animation: bounce-in 3s ease 0s 1 normal;
	-moz-animation: bounce-in 3s ease 0s 1 normal;
	-ms-animation: bounce-in 3s ease 0s 1 normal;
	animation: bounce-in 3s ease 0s 1 normal;
	padding: 8px 35px;

}

@-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); }
}


.spec:hover {
	-webkit-animation:elastic 2s linear 0s 1 normal;
    -moz-animation:elastic 2s linear 0s 1 normal;
    -ms-animation:elastic 2s linear 0s 1 normal;
    animation:elastic 2s linear 0s 1 normal;
    background-color: black;
    color: cornsilk;
    border-color: cornsilk;
}

.tacos:hover {
	-webkit-animation:elastic 2s linear 0s 1 normal;
    -moz-animation:elastic 2s linear 0s 1 normal;
    -ms-animation:elastic 2s linear 0s 1 normal;
    animation:elastic 2s linear 0s 1 normal;
    background-color: black;
    color: cornsilk;
    border-color: cornsilk;

}

.gifts:hover {
	-webkit-animation:elastic 2s linear 0s 1 normal;
    -moz-animation:elastic 2s linear 0s 1 normal;
    -ms-animation:elastic 2s linear 0s 1 normal;
    animation:elastic 2s linear 0s 1 normal;
    background-color: black;
    color: cornsilk;
    border-color: cornsilk;
}

@-webkit-keyframes elastic {
    0%{ -webkit-transform: scale(1); transform: scale(1); }
    30%{ -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); }
    40%{ -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); }
    60%{ -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); }
    100%{ -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes elastic {
    0%{ -ms-transform: scale(1); transform: scale(1); }
    30%{ -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); }
    40%{ -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); }
    60%{ -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); }
    100%{ -ms-transform: scale(1); transform: scale(1); }
}

.cG55bnp2Z2wtcGJq {
	position: relative;
	top: 1000px;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
}
