.remind {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 12px;
  color: #fff;
  padding: 2px 0;
  background-color: #ccc;
  transition: all 200ms linear;
  transform: translateY(-20px);
  z-index: 999999; }
  .remind.error {
    background-color: #cf1837;
    transform: translateY(0); }
  .remind.warn {
    background-color: #fc8d21;
    transform: translateY(0); }
  .remind.success {
    background-color: #499242;
    transform: translateY(0); }
  .remind.important {
    background-color: #6f42c1;
    transform: translateY(0); }

.clear-both:after, .clear-both:before {
  content: '';
  display: block;
  clear: both; }