.about .box__title .profile-img {
  position: absolute;
  top: 5rem;
  right: -35px;
  width: 140px;
  height: 140px;
  background: #292929;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.about .box__title .profile-img__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 130px;
  border-radius: 50%;
  height: 130px;
  background: #f7484e;
}

.about .box__title .profile-img__inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 130px;
  width: 130px;
  border-radius: 50%;
}

.about .box_content-intro {
  font-weight: 500;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .profile-img {
    display: none;
  }
}

/*Start footer*/
.copyright {
  width: 100%;
  text-align: center;
  background-color: #1e1f26;
  padding: 1rem 0;
  position: relative;
  color: #fff;
}

.copyright p {
  font-size: 14px;
}

.copyright p .fa-mug-hot {
  vertical-align: 1px;
}

.copyright p a {
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.copyright p a:hover {
  color: #0757a5;
  text-decoration: none;
}

.copyright .up {
  position: absolute;
  width: 3rem;
  height: 3rem;
  background-color: #eee;
  top: -1.8rem;
  right: 3rem;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
  cursor: pointer;
}

.copyright .up i {
  color: #1e1f26;
  font-size: 1rem;
  margin: auto;
}

/*End footer*/
/*Start animations*/
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(7, 87, 165, 0.99);
            box-shadow: 0 0 0 0 rgba(7, 87, 165, 0.99);
  }
  70% {
    -webkit-box-shadow: 0 0 0 2rem rgba(7, 87, 165, 0);
            box-shadow: 0 0 0 2rem rgba(7, 87, 165, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(7, 87, 165, 0);
            box-shadow: 0 0 0 0 rgba(7, 87, 165, 0);
  }
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(7, 87, 165, 0.99);
            box-shadow: 0 0 0 0 rgba(7, 87, 165, 0.99);
  }
  70% {
    -webkit-box-shadow: 0 0 0 2rem rgba(7, 87, 165, 0);
            box-shadow: 0 0 0 2rem rgba(7, 87, 165, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(7, 87, 165, 0);
            box-shadow: 0 0 0 0 rgba(7, 87, 165, 0);
  }
}

/*End animations*/
/*# sourceMappingURL=about.css.map */