/*
This is a comment ignored by the browser.
*/

body{
	background:rgb(0,0,0);
	color:rgb(255,255,255);
	font-size:16px;
	width:75%;
	margin:0 auto 0 auto;
	font-family:GeoAriel, Helvetica, Calibri, sans-serif;
}

main{
	background:rgb(128,0,0);
	padding:1em;
}

h1{
	font-size:3em;
	text-align:center;
	background:rgba(255,255,255,0.5);
	color:black;
	padding-top:2em;
	padding-bottom:2em;
	border-bottom:0.1em red dashed;
	font-family: Times, "Times New Roman", Rockwell, serif;
}

h2{
	font-size:2em;
	background:rgb(100,100,100);
	padding:1em;
	margin-top:-3em;
}

nav{
	padding:1em;
}

nav span, nav a{
	padding:1em;
	font-weight:700;
}

nav a{
	color:orange;
	background: rgb(0, 0, 100);
	text-decoration:none;
}

nav ul{
	display:flex;
}

nav li{
	list-style:none;
	margin-right:0.5em;
}

.coffee{
	display:flex;
}

.coffee p{
	padding:0em 0em 1em 1em;
	margin:0;
}

p{
	color:white;
	font-size:1.8em;
	line-height:1.6em;
}

figure, img{
	width:400px;
	height:300px;
	padding:1em;
}

figure{
	margin-bottom:30px;
}

figcaption{
	text-align:right;
	background:white;
	color:black
}

footer{
	padding:1em;
	
}