body {
	/* White-on-Black */
	background-color: #1e1e2e;
	color: #cdd6f4;
	/* Center alignment */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	/* Fonts */
	font-family: sans-serif;
}

/* Link coloring */
a {
	color: #89b4fa;
}
a:hover {
	color: #b4befe;
}
/* Rendering separators correctly */
hr {
	width: 75vw;
}

ul.navbarbase {
  position: fixed;
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: 104px;
  display: inline;
  background-color: #cba6f7;
  width: 100%;
}

li {
  float: left;
}

a.navbar {
  left: 0px;
  display: block;
  padding: 5px;
  margin-left: 15px;
  background-color: #cba6f7;
  color: #313244;
  text-decoration-line: none;
}

a.navbar:hover {
  background-color: #45475a;
  color: #b4befe;
}

div.topbar {
  position: fixed;
  background: linear-gradient(90deg,rgba(88, 91, 112, 1) 0%, rgba(88, 91, 112, 1) 70%, rgba(180, 190, 254, 1) 100%);
  width: 100%;
  padding-left: 15px;
  padding-bottom:10px;
  top: 0px;
  z-index: 5;
  line-height: 5px;
}

h1.title {
  color: #cba6f7;
  letter-spacing: 4px;
  font-size: 50px;
  padding-left: 20px;
  font-family: 'Jersey 15';
}

h1.contentTitle {
  margin-top: 125px;
  color: #cba6f7;
  font-size: 35px;
  font-family: 'Jersey 15';
}

h2.subtitle {
  color: #a6adc8;
  font-size: 20px;
  font-style: italic;
  padding-left: 30px;
}

hr.contentBar{
  border-color: #45475a;
  border-width: 3px;
  border-style: solid;
  margin-top: -15px;
  width: 75%;
}

div.contentMain{
  margin-top: 10px;
  background-color: #45475a;
  padding: 5px;
  width: 75%;
  line-height: 10px;
  align-items: last baseline;
}

p.service{
  text-indent: 25px;
  display: block;
  line-height: 20px;
  font-size: 18px;
  height:1em; 
  width:auto; 
}

img.serviceicon{
  width:18px;
  height:18px;
  margin-right: 5px;
}

ul.servicelist{
  align-items: start;
}