@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: Zombified;
	src: url(font/Zombified.ttf)
}

.cart{
	padding: 30px;
    display:block;
    text-align:center;
    position: absolute;
    top: 10px;
    right: 10px;
}
.round{
	margin: 10px;	border-radius: 50%;
	margin-right: 10px;
	margin-left: 10px;
	width: 400px;
	height: 400px;
	border:5px solid black;	
}
.corners{
	margin: 10px;	border-radius: 20px;
	margin-right: 10px;
	margin-left: 10px;
	border:5px solid black;
}
.logo{
	margin: 10px;	
	border-radius: 20px;
	margin-right: 10px;
	margin-left: 10px;
	height: 100px;
	border:5px solid black;
}
.bullet{
    background: url('logos/bullet.png') no-repeat;
    display:inline-block;
    vertical-align: middle;
    background-size:100%;
    height:32px;
    width:32px;
    margin-right: 10px;
}
.invisible{
	opacity: 0.0;
	position: absolute;
  	top: 400px;
  	left: 8px;
}
.invisible:hover{
	opacity: 1.0;
	transition-delay: 2s;
	transition: all 1s ease;
}
a img.round:hover{
	border:5px solid #FE0000;
	transition: all 1s ease;
}
a img.corners:hover{
	border:5px solid #FE0000;
	transition: all 1s ease;
}

div.gallery {
  	margin: 10px 0px;
  	width: 430px;
	display:inline-block;
	align-content: top;
	vertical-align: text-top;
}

div.gallery img {
  	width: 400px;
  	height: 400px;	
}

div.desc {
   text-align: center;

}
h1 {
	font-family: Zombified;
	color: #FE0000;
	margin: 8px;
    padding: 0;
	font-size: 80px;
	font-weight: 500;
}
h2 {
	font-family: Zombified;
	color: white;
	margin: 8px;
    padding: 0;
	font-size: 50px;
	font-weight: normal;
}
header, footer, main {
	display: block;
  	margin-left: auto;
 	margin-right: auto;
	background-position: center;
	font-family: Verdana;	
}

body {
	background-color: #262626;
	text-align: center;
	background-position: center;
	color: white
}
form {
	display: inline-table;
	padding: 10px;
 	font-family: Verdana;
	color: white;
	font-size: 16px;

	
}
input, textarea, label, option, select{
	background-color: #262626;
 	font-family: Verdana;
	color: white;
	font-size: 16px;
	text-align: left;
	display: block;
}



p {
	font-family: Verdana;
	color: white;
	font-size: 16px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	text-align: center;
}
a:link {
	color: #FE0000;
	text-decoration: none;
}

a:visited {
  color: #FE0000;
}
a:hover {
	text-decoration: none;
	color: black;
	transition: all 1s ease;
}
a:active {
	text-decoration: none;
	color: #E70B00;
}



ul {
	margin: 0;
    padding: 0;
    list-style-type: none;
}

li {
	display: inline;
	background-position: center;
}

ul {
	text-align: center;
	width: 90%;
	margin-left: auto;
 	margin-right: auto;
	background-position: center;
}


button {
	border-radius: 6px 20px 20px 20px;
	color: white;
	border: 2px solid white;
	background-color: #E70B00;
	margin: 0 2px 0 0;
    padding: 5px 20px;
	font-size: 16px;
	font-weight: 800;
}

button:hover {
	text-decoration: none;
	color: #000000;
	border: 2px solid #000000;
	transition: all 0.5s ease;
}