#profile .button {
  padding: 5px;
  margin: 5px;
  border-radius: 3px;
  cursor: pointer;
}
#profileSnapshot {
  text-align: center;
  min-height: 100px;
}
#profileSnapshot .profile-photo-large {
  height: 80px;
  width: 80px;
  border-radius: 40px;
  border: 1px solid white;
}
#profileSnapshot .profile-name {
  display: inline-block;
  font-size: 36px;
  font-weight: 200;
  margin-left: 10px;
}
#profileSnapshot .profile-menu {
  display: none;
  position: absolute;
  z-index: 2;
  color: white;
  background: #318abd;
  height: 30px;
  padding-top: 8px;
  border: 1px solid white;
  font-size: 12px;
}
#profileMenu {
  text-align: center;
  margin-bottom: 20px;
}
#profileMenu .button.delete {
  color: white;
  background: #F95F62;
  border: 1px solid white;
}
#profileMenu .button.delete:hover {
  color: #F95F62;
  background: white;
  border: 1px solid #F95F62;
}
#profileFriends {
  text-align: center;
  margin-bottom: 20px;
}
#profileFriends .button.send {
  color: white;
  background: #318abd;
  border: 1px solid white;
}
#profileFriends .button.send:hover {
  color: #318abd;
  background: white;
  border: 1px solid #318abd;
}
#profileFriends .button.accept {
  color: white;
  background: #77D353;
  border: 1px solid white;
}
#profileFriends .button.accept:hover {
  color: #77D353;
  background: white;
  border: 1px solid #77D353;
}
#profileFriends .button.reject {
  color: white;
  background: #F95F62;
  border: 1px solid white;
}
#profileFriends .button.reject:hover {
  color: #F95F62;
  background: white;
  border: 1px solid #F95F62;
}
#profileFriends .button.pending {
  color: white;
  background: #666666;
  border: 1px solid white;
}
#profileFriends .button.pending:hover {
  color: #666666;
  background: white;
  border: 1px solid #666666;
}
#profileFriends .button.friends {
  color: #318abd;
  background: white;
  border: 1px solid #318abd;
}
#profileFriends .button.pending:hover {
  color: white;
  background: #318abd;
  border: 1px solid white;
}