.about {
  transition: 0.5s;
  height: 900px;
}
.about .about-picture {
  display: flex;
  flex-direction: column;
}
.about .about-picture .social-bar {
  display: flex;
  padding-top: 1em;
  width: 300px;
}
.about .about-picture .social-bar .social-icon {
  display: inline-block;
  margin: 0 0.5em;
  padding: 1em 0.75em;
  background-color: var(--CircleBackground);
  border-radius: 100%;
}
.about .about-picture .social-bar .social-icon:hover {
  cursor: pointer;
  color: var(--MainAccent);
  outline: var(--MainAccent) 0.25em solid;
  text-shadow: 0 0 15px var(--MainAccent);
  animation: shake 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.about .about-picture .profile-picture {
  width: 300px;
  height: 300px;
}

.social-arrow {
  width: 40px;
  height: auto;
  transform: translateX(130px) translateY(10px);
}

.social-attraction-text {
  margin-left: 115px;
  margin-top: 5px;
  rotate: -15deg;
  animation: smoothRocking 2s infinite;
}

.about-info-background {
  width: 88%;
  height: 550px;
  margin-left: 12%;
  transform: translateY(-400px);
  transition: 0.5s;
}

.about-info-safe-zone {
  width: 75%;
  margin-left: 17.5%;
}
.about-info-safe-zone .text-gradient {
  width: 80%;
  height: 12em;
  margin-left: -1em;
  background: linear-gradient(0, var(--Background-Dark) 60%, var(--Background-Dark-Faded));
  bottom: 0.5em;
  filter: blur(5px);
}
.about-info-safe-zone .read-more {
  bottom: 0.75em;
  left: 0;
  right: 0;
  margin: 0 auto;
  flex-direction: column;
  transition: 0.2s;
  align-items: center;
}
.about-info-safe-zone .read-more .read-more-arrow {
  width: 40px;
  height: auto;
  transition: 0.4s;
}
.about-info-safe-zone .read-more:hover {
  text-shadow: 0 0 15px var(--MainAccent);
}
.about-info-safe-zone .read-more:hover #js-read-more-arrow {
  animation: bounce 1s;
  animation-iteration-count: infinite;
}
.about-info-safe-zone .read-more:hover #js-read-more-arrow-reverse {
  animation: bounceReverse 1s;
  animation-iteration-count: infinite;
}
.about-info-safe-zone .cv {
  bottom: 1em;
  right: 5em;
  flex-direction: column;
}
.about-info-safe-zone .cv .cv-age {
  margin: 0.5em 1em;
}

/*# sourceMappingURL=About.css.map */