Kontakt z Administracją [CSS]

@import url(https://fonts.googleapis.com/css?family=Lobster);
.rank.admin {
  border:2px solid #E63946;
  color: #E63946;
}
button.kontakt {
  border:2px solid #004eff;
  color: #004eff;
}
button.fb {
  border:2px solid #3b5998;
  color: #3b5998;
}
button.yt {
  border:2px solid red;
  color: red;
}
button {
  font-family: 'Arial';
  padding:3px 17px;
  border:none;
  border-radius:20px;
  font-size:0.9em;
  font-weight:100;
  text-transform:uppercase;
  text-align:center;
  background:transparent;
  margin: 0px 1em;
}
body {
  background-color:#191919;
}
.container {
  display:flex;
  justify-content: space-around;
  width:100%;
  height:auto;
}
.box {
  width:24%;
  height:auto;
  background-color:#0a0a0a;
  border-radius:30px;
}
.box > .upper {
  display:flex;
  justify-content: center;
  width:100%;
  height:auto;
  padding:20px 0px;
  background-color: #0e0e0e;
  border-radius:30px;
}
.box > .upper > img {
  width:10em;
  heigt:auto;
  margin: 0px 1em;
  border-radius:100%;
}
.box > .upper > .profile_info {
  margin: 0px 1em;
}
.box > .upper > .profile_info > p {
  font-family: 'Lobster';
  font-size:2.2em;
  color:#E63946;
  text-align:center;
  margin-bottom:0.5em;
}
.rank {
  font-family: 'Arial';
  padding:3px 17px;
  border-radius:20px;
  font-size:1.2em;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
}
.box > .hait {
  width:100%;
  height:auto;
  display:flex;
  justify-content: center;
  padding:1.5em 0;
}