* {
	font-family: monospace;
	font-size: 20px;
	color: white;
}

body {
	background-color: #39414C;
	max-width:40em;
	margin:0 auto;
	padding:5px;
}

nav a{ 
	color: #fa8cd2;
	font-size: 24px;
}

nav {
	vertical-align: bottom;
	border: 3px solid black;
	background-color: #383838;
	padding-bottom: 3px;
	font-size: 28px;
	text-align: center;
}

p {
	color: white;
}

h1 {
	color: yellow;
	font-size: 36px;
}

h2 {
	color: white;
	text-decoration:underline;
	font-size: 28px;
}


.title {
	font-size: 48px;
	color: yellow;
	font-weight: bold;
}

.uppercase {
	text-transform: uppercase;
}

p.sidenote {
	border: 3px solid black;
	/* background-color: #383838;*/
	padding: 10px;
}

.quote {
	border: 3px solid black;
	background-color: #383838;
	font-style: italic;
	padding: 10px;
}

#article-title {
	font-family: cursive;
}

h1 a {
	font-size: 48px;
	color: #B6F449;
}

h1 a:link { 
	color: #B6F449;
}

h1 a:hover {
	font-style: italic;
	color:darkorange;
}

p a {
	color: #B6F449;
	text-decoration: underline;
	font-size:20px;
}

li a {
	color: #B6F449;
	text-decoration: underline;
	font-size:20px;
}

a:visited { text-decoration: none; }

a:active { text-decoration: none; }

a:hover {
	color:darkorange;
	font-style: italic;
}

td {
	font-size: 20px;
}

form {
  color:black;
  }

@media screen and (max-width: 500px) {
  
  * {
	font-family: monospace;
	font-size: 20px;
	color: white;
  }

  body {
	background-color: #39414C;
	max-width:40em;
	margin:0 auto;
	padding:5px;
  }

  nav a{ 
	color: #fa8cd2;
	font-size: 18px;
}

nav {
	vertical-align: bottom;
	border: 3px solid black;
	background-color: #383838;
	padding-bottom: 3px;
	font-size: 24px;
	text-align: center;
}

p {
	color: white;
}

h1 {
	color: yellow;
	font-size: 36px;
}

h2 {
	color: white;
	text-decoration:underline;
	font-size: 28px;
}


.title {
	font-size: 48px;
	color: yellow;
	font-weight: bold;
}

.uppercase {
	text-transform: uppercase;
}

p.sidenote {
	border: 3px solid black;
	padding: 10px;
}

.quote {
	border: 3px solid black;
	background-color: #383838;
	font-style: italic;
	padding: 10px;
}

#article-title {
	font-family: cursive;
}

h1 a {
	font-size: 48px;
	color: #B6F449;
}

h1 a:link { 
	color: #B6F449;
}

h1 a:hover {
	font-style: italic;
	color:darkorange;
}

p a {
	color: #B6F449;
	text-decoration: underline;
	font-size:20px;
}

li a {
	color: #B6F449;
	text-decoration: underline;
	font-size:20px;
}

a:visited { text-decoration: none; }

a:active { text-decoration: none; }

a:hover {
	color:darkorange;
	font-style: italic;
}

td {
	font-size: 20px;
}

form {
  color:black;
  }
}