@media screen {
  .messages{
    border: 0;
    border-radius: 0;
    padding: 1.25rem;
    text-align: center;
    background: #000;
  }

  .messages.messages--status{
    color: rgba(255,255,255,.9);
    background: #81BD65;
  }

  a.messages.messages--status {
    color: var(--font-color);
    background: #81BD65;
  }

  .messages.messages--warning{
    color: rgba(255,255,255,.9);
    background: #E8A213;
  }

  a.messages.messages--warning {
    color: var(--font-color);
    background: #E8A213;
  }

  .messages.messages--error{
    color: rgba(255,255,255,.9);
    background: #E03815;
  }

  a.messages.messages--error {
    color: var(--font-color);
    background: #E03815;
  }

  .messages a{
    transition: all .25s ease-in-out;
  }

  .messages a:hover,
  .messages a:focus {
    color: var(--anchor-hover);
    transition: all .1s ease-in-out;
  }

}