style.css

body {
	-webkit-text-size-adjust: 100%;
	background-color: #200027;
	color: #f5f5f5;
	font-family: Helvetica, Arial, verdana, sans-serif;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.6;
}
h1, h2, h3 {
	line-height: 1.2;
}
h1 {
	color: #ff9bdd;
}
h2 {
	color: lightskyblue;
}
h3 {
	color: plum;
}
hr {
	color: #eee;
}
table{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
td, th {
	padding: 8px;
	border: 1px solid #eee;
}
.ns {
	background-color: red;
	color: black;
}
.s {
	background-color: yellow;
	color: black;
}
.sa {
	background-color: lightgreen;
	color: black;
}
.so {
	background-color: lime;
	color: black;
}
article, header, footer {
	max-width: 40em;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 3em;
}
header, footer {
	text-align: center;
	margin-bottom: 0.1em;
}
header {
	border-bottom: 1.5px solid #eee;
	margin-top: 1.5em;
}
footer {
	padding: 1em 0.5em;
	border-top: 1.5px solid #eee;
	margin-bottom: 5em;
}
a:link {
	color: #ff9bdd;
  	text-decoration: none;
}
a:visited {
  	color: #ff9bdd;
  	text-decoration: none;
}
a:hover {
  	color: #ffbb3e;
  	text-decoration: underline;
}
a:active {
  	color: gold;
  	text-decoration: underline;
}
.so a {
	color: blue;
}
#current {
	color: springgreen;
}
@media screen and (max-width: 400px) {
	body {
		font-size: 16px;
	}
}