.profile-img-container {
  width: 100px;
  height: 100px;
  position: relative;
}

.img-profile {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #ccc;
    margin: 0 auto;
}


.profile-status-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: grey;
  border: 2px solid white;
  bottom: 5px;
  right: 5px;
  position: absolute;
}

.online { 
  background-color: #00B000;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  transform: scale(1);
  animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.profile-img {
    transform: scale(3);
    transform-origin: left top;
    margin-bottom:200px;
    margin-right:200px;
}

.profile-img-list {
    transform: scale(1);
}

.profile-img-login {
    transform: scale(0.5);
    transform-origin: left top;
    margin-bottom:-50px;
    margin-right:-50px;
}


.connections-login-name {
    font-weight: bold;
    font-size: 1.5em;
}

.user-profile-link {
    text-decoration: none;
    color: #111;
}

.w-1 {
    width: 1%;
}

.w-10 {
    width: 10%;
}