@font-face {
  font-family: 'Oswald', sans-serif;
  font-style: bold;
  font-weight: 700;
  src: url(http://fonts.googleapis.com/css?family=Oswald:700)

}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

body {
  font-family: 'Oswald', sans-serif;
  color: transparent;
  margin: 0px auto;
}
.chat_line {
    -webkit-animation-name: pulse;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    font-size: 18px;
    line-height: 18px;

}
.chat_line .nick {
    font-weight: bold;
    text-transform: capitalize;
    color: #000;
}
.chat_line .message {
    color: #fff;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#chat_box {
font-family: 'Oswald', sans-serif;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 18px;
position: absolute;
overflow: hidden;
color:#030303;
border-radius: 4px;
width: calc(100% - 10px);
height: calc(100% - 10px);
}