/* Base */
body {
  background-color: #3e3e3eff;
  font-family: Arial, Helvetica, sans-serif;
  max-width: 100vw;
}

a {
  display: inline-block;
  text-decoration: none;
  transition: transform 0.4s ease;
}

hr {
  height: 2px;
  background-color: black;
  border: none;
}

/* Layout */
.business-card {
  margin-inline: auto;
  margin-block: 50px;
  text-align: center;
  background-color: #bdedffff;
  box-shadow: 0px 0px 20px 10px black;
  width: 80%;
  max-width: 500px;
  border-radius: 20px;
  padding: 20px;
}

article {
  background-color: #ffffff5f;
  margin-inline: 10px;
  padding-inline: 20px;
  padding-block: 1px;
  border-radius: 20px;
  margin-bottom: 20px;
}

address {
  margin-top: 20px;
}

/* Content */
.fullname {
  font-size: 25px;
  margin-bottom: 0px;
  font-weight: bold;
}

.anschrift {
  margin-top: 15px;
}

.anschrift p {
  margin: 0;
}

address p {
  margin-block: 5px;
}

/* Media */
.profile-pic {
  width: 40%;
  max-width: 120px;
  border-radius: 100%;
}

.icon {
  width: 25px;
  margin-right: 5px;
  margin-bottom: -5px;
}

.icon--twitter {
  width: 30px;
  margin-bottom: -8px;
}

.video-demo,
.photo-demo {
  max-width: 100%;
  border-radius: 20px;
  transition: transform 0.3s ease;
  cursor: grab;
}
.video-demo:hover,
.photo-demo:hover {
  transform: scale(1.03);
}

/* Links/Interactions */
.links a:hover {
  transform: scale(1.2);
}

address a {
  color: rgb(0, 3, 184);
}
address a:hover {
  text-decoration: underline;
}