body {
  max-width: 500px;
  margin: 20px auto;
  text-align: center;
}

.alert {
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 5px;
}
.alert.alert-info {
  background: #e2eaf7;
  color: #2f5aa2;
}
.alert.alert-info svg {
  fill: #2f5aa2;
}
.alert.alert-success {
  background: #dcf1e4;
  color: #0c622e;
}
.alert.alert-success svg {
  fill: #0c622e;
}
.alert.alert-danger {
  background: #fae4e8;
  color: #b03d50;
}
.alert.alert-danger svg {
  fill: #b03d50;
}
.alert.alert-warning {
  background: #fbf1dd;
  color: #896110;
}
.alert.alert-warning svg {
  fill: #896110;
}
.alert svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 7px;
  margin-left: 5px;
}

/*# sourceMappingURL=style.css.map */