html,
body {
  height: 100%;
  background-color: black;
}

.container {
  max-width: 1024px;
  height: auto;
  font-size: 18px;
  background-color: hsl(43.24deg 89.47% 70.2%);
}

.text-right {
  text-align: right;
}

.descriptionColumn {
  margin-top: 90px;
  padding-left: 20px;
}

.mailTo {
  color: black;
  text-decoration: none;
}

.mailTo:hover {
  color: black;
  text-decoration: underline;
}

.pictureColumn {
  margin-top: 25px;
}

.profilePic {
  max-width: 100%;
  padding-right: 5px;
}

@media only screen and (max-width: 768px) {
  .profilePic {
    margin-right: 10px;
  }
}

.trainingPoints {
  background-color: hsl(137.89deg 47.9% 76.67%);
  margin-right: 5px;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 12px;
  padding-right: 5px;
}