@import url("reset.css");
@import url("../fonts/ubuntu.css");
@import url("../fonts/font-awesome.css");
@import url('https://fonts.googleapis.com/css?family=Exo+2');
@import url("bootstrap.css");
@import url("secondary.css");
@import url("primary.css");
@import url("small.css");
@import url("mystyles.css"); /*Записывайте Ваши стили в данный файл*/


#chat #chat_messages .chat_message > a img {
  float: left;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  margin-right: 15px;
}

#chat #chat_messages .chat_message > a img {
    width: 59px;
    height: 59px;
    border-radius: 50px;
    padding: 2px;
    position:relative;
  top:-3px;
    border-top: 3px solid #22232b;
    border-left: 3px solid #4d299e;
    border-right: 3px solid #4d299e;
    border-bottom: 3px solid #22232b;
    transition: 0.3s ease-out all;
}

#chat #chat_messages:hover .chat_message:hover > a img:hover {
  width: 59px;
  height: 59px;
  border-radius: 50px;
  padding: 2px;
  position:relative;
  top:-3px;
  border-top: 3px solid #4d299e;
  border-left: 3px solid #22232b;
  border-right: 3px solid #22232b;
  border-bottom: 3px solid #4d299e;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  transition: 0.3s ease-out all;
}