* {
    box-sizing: border-box;
}

/* General */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
    Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0;		background-color: black;
}

/* Navigation bar */
.navbar {
    display: flex;
 	list-style:none;
	padding-top: 10px;
	padding-bottom: 10px;
	align-items: center;
	margin: 0;
	border: 0;
}

.navbar a {
    font-size: 18px;
	color: #eee;
  	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
    text-decoration: none;
    text-align: center;
}

.navbar a:hover {
    background-color: white;
    color: black;
}
/* Main column */
.main {		color: #eee;	padding: 0;
}.main img {	width:100%;}
.main p {	    padding-left: 10px;		padding-right: 10px;}/* Footer */
.footer {
	font-size: 85%; 
	color: #eee; 
	padding: 10px;
    text-align: center;
	width: 100%
}

.footer a {
	color: #eee
}

/* Responsive bits */
@media screen and (max-width: 700px) {
	.navbar a {
		font-size: 30px;
		padding-bottom: 20px;				align-items: center;
	}	.footer {		font-size: 95%; 		padding: 30px;	}
}