:root {
  --fa: FontAwesome;
  --success: #4CAF50;
  --info: #2196F3;
  --warning: #ffeb3b;
  --danger: #f44336;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format("embedded-opentype"), url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format("woff2"), url('/fonts/fontawesome-webfont.woff?v=4.7.0') format("woff"), url('/fonts/fontawesome-webfont.ttf?v=4.7.0') format("truetype"), url('/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.info, .danger, .success, .warning {
    text-align: center;
    padding: 10px;
}
.info, .danger, .success {
  color: white;
}

.info {
  background-color: var(--info);
}

.success {
  background-color: var(--success);
}
.warning {
  background-color: var(--warning);
}
.danger {
    background-color: var(--danger);
}