@import url('https://fonts.googleapis.com/css?family=Open+Sans');

:root, html {
  font-size: 16px;
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Open Sans', sans-serif;
}

.background {
	background: #333;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}


/** **/
.wrapper {
  width: 100%;
  height: 100vh;

  display: flex;
  flex-direction: column;
  align-items: center;

  box-sizing: border-box;
  padding: 2rem 0 3rem;

  position: relative;
  top: 0; left: 0;
  bottom: 0; right: 0;

  background-size: cover;
}

/** **/
.infoBlock {
  width: 35rem;
  height: auto;

  background-color: rgba(0, 0, 0, 0.7);

  padding: 2.5rem;

  box-sizing: border-box;
}

.infoBlock > img {
  height: 11rem;

  display: block;
  margin: 0 auto 0.5rem;
}

.infoBlock > p {
  color: rgb(255, 255, 255);
  font: 600 0.95rem 'Open Sans';
  text-align: center;
}

/** **/
.social {
  width: 100%;
  height: auto;

  color: rgb(255, 255, 255);
  font: 600 0.95rem 'Open Sans';

  display: flex;
  justify-content: center;

  margin-top: 1rem;
}

.social > a > img {
  height: 2rem;
  margin: 1rem 1rem 0;
}

/** **/
.serverBlock {
  width: 100%;
  height: auto;

  display: flex;
  justify-content: center;
  flex-wrap: wrap;

  /* margin: 1.5rem 0 0; */
}

.serverItem {
  width: 16rem; min-width: 16rem;
  height: auto; min-height: 16rem;

  background-color: rgba(0, 0, 0, 0.7);

  margin: 1rem;
}

.serverItem > .serverTitle {
  display: block;
  background: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  font: 600 0.95rem/3rem 'Open Sans';
  padding-left: 1rem;
}

.serverItem > ul {
  list-style-type: none;

  padding: 0 1rem 0.2rem;
}

.serverItem > ul > li {
  color: rgb(255, 255, 255);
  font: 600 0.8rem/2.5rem 'Open Sans';
  letter-spacing: 0.03rem;
}

.serverItem > ul > li > span {
  color: rgba(255, 255, 255, 0.6);
}

/** **/
.footer {
  width: 100%;
  height: 3rem;

  position: absolute;
  bottom: 0; left: 0;
}

.footer > p {
  text-align: center;
  color: rgb(255, 255, 255);
  font: 600 0.8rem/3rem 'Open Sans';
  letter-spacing: 0.03rem;
}
