:root{
	--nice-green: #17F034;
	--nice-pink: #FF40FF;
}

body{
	background-color: #111;
	color: var(--nice-green);
	font-family: comfortaa;
}

h1, h2, h3, h4, h5, h6 {
	font-family: laser;
}

table, th, tr {
	border: 1px ridge black;
	border-radius: 3px;
}

th, tr {
	padding-left: 5px;
	padding-right: 5px;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--nice-pink);
}

a:link {
  color: var(--nice-pink);
}

a:visited {
  color: var(--nice-green);
}

.sidebar {
  float: left;
  width: 15%;
  border-right: 1px solid;
	border-right-color: var(--nice-pink);
	padding: 5px;
}

.column {
  float: left;
	padding: 5px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

@font-face{
	font-family: laser;
	src: url(Linebeam.ttf);
}

@font-face{
	font-family: bruce;
	src: url(bruceFont.ttf);
}

@font-face{
	font-family: comfortaa;
  font-weight: bold;
	src: url(Comfortaa-Bold.ttf);
}

@font-face{
	font-family: comfortaa;
	src: url(Comfortaa-Regular.ttf);
}