.avatar-container {
	  position: fixed;
	  bottom: 30px;
	  right: 35px;
	}
	.avatar {
	  width: 100px;
	  height: 100px;
	  border-radius: 50%;
	  border: 2px solid #006629;
	  object-fit: cover;
	  transition: transform 0.3s, border-color 0.3s;
	  background-color: #55AF25;
	}
	
	.avatar:hover {
	  transform: scale(1.1);
	  border-color: #006629;
	}
	
	.message-bubble {
	  position: absolute;
	  bottom: 70px;
	  right: 120px;
	  width: 300px;
	  height: auto;
	  background-color: #55AF25;
	  color: white;
	  padding: 10px 15px;
	  border-radius: 10px;
	  border: 1px solid #006629;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 14px;
	  display: flex;
	  justify-content: flex-end;
	  line-height: 1.5;
	  opacity: 1;
	  transition: opacity 1s ease-out;
	}
	
	.fade-out {
	  opacity: 0;
	}
	
	.avatar-still {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		border: 2px solid #006629;
		object-fit: cover;
		transition: transform 0.3s, border-color 0.3s;
		background-color: #55AF25;
	}
	
	.message-bubble-still {
		width: 100%; 
		height: auto; 
		background-color: #55AF25; 
		color: white; 
		padding: 10px 15px; 
		border-radius: 10px; 
		border: 1px solid #006629; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 14px; 
		line-height: 1.5; 
		opacity: 1;
	}