#profile-area {
  margin:auto;
  width:45rem;
  background-color:#fdf6e3;
  margin-top:3rem;
  margin-bottom:3rem;
  line-height:1.5rem;
  border-top:0.375rem solid #002b36;
  color:#002b36;
}

.description {
  padding:1.5rem;
  background-color:#eee8d5;
  margin-left:1.5rem;
  margin-right:1.5rem;
  margin-top:-1.5rem;
}

.description p {
  padding:0;
  margin:0;
}

.description p:not(:last-child) {
  margin-bottom:1.5rem;
}

.details-2 {
  text-align:center;
  font-style:italic;
}


.main-area {
  background-image:url("background.png");
  background-position:center bottom;
  background-repeat:repeat-x;
  background-color:#2aa198;
  padding-top:1.5rem;
  padding-bottom:4.5rem;
  height:15rem;
  vertical-align:top;
}

.avatar {
  height:9rem;
  width:auto;
  margin-left:-1.5rem;
  display:inline-block;
  vertical-align:top;
}

.mwa {
  display:inline-block;
  width:45rem;
  vertical-align:top;
  margin-top:-3rem;
  margin-left:-8.5rem;
  text-align:center;
}

.pseudo {
  margin:0;
  padding:0;
}

.details {
  font-weight:800;
  color: #fdf6e3;
  position:relative;
  top:-0.75rem;
}

.logo {
  height:9rem;
}

footer.links {
  padding:1.5rem;
  text-align:center;
}

.linkbutton {
  display:inline-block;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  padding-left:1.5rem;
  padding-right:1.5rem;
  background-color:#d33682;
  color:#fdf6e3;
  font-weight:800;
  margin-left:0.375rem;
  margin-right:0.375rem;
}

.linkbutton:hover {
  background-color:#be1b70;
  color:#fdf6e3;
  text-decoration:none;
}
