a {
  color: rgba(200, 200, 200, 0.8);
}

a:hover {
  color: rgba(200, 200, 200, 1);
}

#frens a {
  color: rgba(250, 250, 250, 0.4);
}

#frens a:hover {
  color: rgba(200, 200, 200, 0.6);
}

.top, .bottom {
  display: grid;
  grid-template-rows: 1fr;
	grid-column-gap: 0;
	grid-row-gap: 5%;
  grid-auto-rows: minmax(100px, auto);
}

.top {
  grid-template-rows: 0fr;
}

.bottom {
  align-items: center;
  position: relative;
}
 
.top .left {
  grid-row: 1 /  2;
  grid-column: 1 / 2;
}

.top .right {
  grid-row: 1 /  2;
  grid-column: 2 / 2;
  white-space: nowrap;
}

bottom .right {
  position: absolute;
}

#header {
  text-align: center;
}


#hosting,
#comms {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  justify-content: right;
  align-items: right;
  text-align: center;
  font-size: larger;
}

#frens {
  text-justify: auto;
}

body {
  background-color: #000000;
  color: rgba(255, 255, 255, 1);
  max-width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
  position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
  margin: auto;
  
}