html {
	background-image:url('https://preservedfigs.uk/graphics/nightbg.jpg');
	font-family: Helvetica;
	image-rendering: pixelated;
}

#topnav{
	width:750px;
	height:35px;
	background-color:#00053e;
	margin: auto;
	display: flex;
	border-style: solid; 
	border-width: 2px; 
	border-color: #75768c;
	border-bottom: none;
}

#leftyloosey {
	width:560px;
	overflow-y:scroll;
}

#rightytighty {
	max-width:180px;
	overflow-y:scroll;
	text-align:right;
}

main {
  background-color:#00053e;
  border-style: solid; 
  border-width: 2px; 
  border-color: #75768c;
  display: flex;
  width: 750px;
  height: 500px;
  margin: auto;
}

#home {
  position: fixed;
  bottom: 5px;
  right: 5px;
}

a, a:visited {
  text-decoration: none;
  color: #75768c;
}

h1, h2, h3, h4, p, a {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 10px;
  margin-left: 10px;
}

h1, h2, h3, h4, p {
  color: #e6e5e4;
}

a:hover, a:active {
  color: #e6e5e4;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 16px;
}


h1, h2, h3, h4 {
  font-size: 14px;
}

p, a {
  font-size: 14px;
}

ul {
	list-style-image: url('/graphics/utopiasmile.png');
	font-size: 14px;
	}