<div class="msg msg-error z-depth-3 scale-transition"> Error Message </div>
<div class="msg msg-info z-depth-3">Info Message</div>
<div class="msg msg-alert z-depth-3">Alert Message</div>
<div class="msg z-depth-3">Basic Message</div>

.msg {
  width:100%;
  border: 1px solid;
  padding:10px;
  margin: 20px;
  color: grey;
}
.msg-error {
  // rouge
  border-color: #d32f2f;
  background-color: #ef5350;
  color: white;
}
.msg-alert {
  //orange
   border-color: #ef6c00;
  background-color: #ff9800;
  color: white;
}

.msg-info{
  border-color: #0288d1;
  background-color: #29b6f6;
  color: white;
}