		<style>
		* {  box-sizing: border-box; }

		/* bgimage for all pages*/
			body {
			 background-image: url('images/paintblackbar.jpg');
			 background-size: cover;
			 font-family: Courier;
			}
		/* Style the header */
			header {
			 background-color: rgba(0,0,0,0);
			 padding: 30px;
			 text-align: right;
			 font-size: 35px;
			 color: white;
			}
		/* Create two columns/boxes that floats next to each other */
			nav {
			 float: left;
			 width: 30%;
			 height: 80%
			 background-color: rgba(0,0,0,0);
			 padding: 20px;
			}

		/* Style the list inside the menu */
			nav ul {
			 list-style-type: none;
			 padding: 0;
			}

			article {
			 float: left;
			 padding: 20px;
			 width: 70%;
			 background-color: rgba(0,0,0,0);
			 height: 80%
			}

		/* Clear floats after the columns */
			section::after {
			 content: "";
			 display: table;
			 clear: both;
			}

		/* Style the footer */
			footer {
			 position: fixed;
			 bottom: 0;
			 width: 100%
			 background-color: rgba(0,0,0,0);
			 padding: 10px;
			 color: white;
			}

		/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
			@media (max-width: 600px) {
			 nav, article {
			   width: 100%;
			   height: auto;
			  }
			}


		</style>
