@font-face {
    font-family: "revelakiFont";
    src: url(/webui/static/assets/fonts/seravek.ttf) format("truetype"),
         url(/webui/static/assets/fonts/seravek-bold.ttf) format("bold");
}

.revelaki-font {
    font-family: "revelakiFont";
}

.error {
  color: red;
  margin-bottom: 5px;
  text-align: center;
}

a {
  text-decoration: none;
}

.hideMe {
  -webkit-animation: cssAnimation 5s forwards; 
  animation: cssAnimation 5s forwards;
  -o-animation: cssAnimation 5s forwards;
}

.allmessages {
  -webkit-animation: endAnimation 0s ease-in 5s forwards; 
  animation: endAnimation 0s ease-in 5s forwards;
  -o-animation: endAnimation 0s ease-in 5s forwards;
}

@keyframes cssAnimation {
  0%   {opacity: 1;}
  90%  {opacity: 1;}
  100% {opacity: 0;}
}

@-webkit-keyframes cssAnimation {
  0%   {opacity: 1;}
  90%  {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes endAnimation {
  to {
    width: 0;
    height: 0;
    overflow: hidden;
  }
}

@-webkit-keyframes endAnimation {
  to {
    width: 0;
    height: 0;
    visibility: hidden;
  }
}