@import 'fonts/fonts.css';

a, a:visited {
	color: rgb(220, 220, 220);
	text-decoration: none;
}

a:hover {
	color: rgb(50, 50, 50);
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-family: Bangers;

	color: rgb(170, 17, 25);
	font-variant: small-caps slashed-zero;
}

.cat-des {
	color: rgb(0, 0, 0);
	font-weight: 100;
}

html {
	font-size: 105%;
}

body {
	width: 100%;
	
	background: #ffffff;
}

header {
	display: flex;
	align-items: center;
	background: rgb(0, 0, 0);
	height: 5em;
	padding: 0 8%;
	
	color: rgb(170, 17, 25);
	
	.logocontainer {
		width: 5em;
		
		.pagelogo {
			width: 4em;
			padding: 0.5em 0;
		}
	}
	
	.menucontainer {
		
	}
}

main {
	min-height: 100px;
	padding: 0.5em 8%;
}

.contentbox {
	padding: 0 0.1em 0.4em;
}

.menuitembox {
	width: 100%;
	border: 1px solid #000;
	padding: 0.5em;
	margin: 0 0 0.35em;
}

footer {
	padding: 0.5em 8%;
	display: flex;
	justify-content: space-between;
	background: rgb(50, 50, 50);
}