html {
  background-color: #12121C;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
}

h1 {
  color: #ffffff;
	font-size: 32px;
}

h2 {
  color: #ffffff;
}

h3 {
  color : #ffffff;
}

p {
  color: #A9A9C7;
  font-size: 16px;
}

a {
  color: #7171FF;
}





.accent {
	color: #7171FF;
}




.topbar {
	position: fixed;
	margin: 0px;
	padding: 0px;
	display: flex;
	top: 0;
	width: 100%;
	height: 48px;
	background-color: #12121C;
	border: 1px solid #242438;
}

.topbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
}

.topbar ul li.left{
  float: left;
}

.topbar ul li.right{
  float: right;
}
.topbar ul li {
  align-items: center;
}

.topbar ul li a img {
  display: block;
  padding: 0px 0px;
  
}

.topbar ul li a.text {
  display: block;
  color: white;
  text-align: center;
  padding: 16px 16px;
  text-decoration: none;
}

.topbar ul li a:hover.text {
  background-color: #242438;
}

#github-logo {
  margin: 8px;
}



.content {
	border: 1px solid #242438;
  width: 1520px;
  margin: auto;
  margin-top: 48px;
  padding: 8px;
}


.meme-panel ul {
  padding-inline-start: 0px;
  margin-left: 128px;
  list-style-type: none;
}

.meme-panel ul li {
  padding: 12px;
}

.meme-panel img {
  height: 512px;
  width: auto;
}



.mc-server-list ul {
  list-style-type: none;
  padding-left: 0px;
}

.mc-server-panel {
  margin-left: 128px;
  display: flex;
  border: 1px solid #242438;
  width: 512px;
  height: auto;
  overflow: hidden;
  border-collapse: collapse;
  margin-bottom: 8px;
}

.mc-server-panel td {
  border: 0px;
  display: block;
  padding: 8px;
  float: left;
  height: 128px;

}

.mc-server-panel img {
  width: 128px;
  height: 128px;
}

.mc-server-panel h3 {
  margin-block-start: 0px;
  margin-block-end: 0px;
}

.mc-server-panel p {
  margin-block-end: 0px;
}