/* animations.css */

@keyframes hidebar {
    0%,25% {
        max-height:80px;
        min-height:80px;
    }
    100% {
        max-height:8px;
        min-height:8px;
    }
}

@keyframes hidebar_elements {
    0%,25% {
        opacity:1;
        top:auto;
    }
    100% {
        opacity:0;
        top:12px;
    }
}

@keyframes colorchange
    {
      0%   {
          background: #e95420;
      }
      50%  {
          background: var(--warning);
      }
      100%  {background: #e95420;}
    }

.colorchange {
     animation: colorchange 1s infinite; /* animation-name followed by duration in seconds*/
}