@import "table";

header {
  height: 80px;
  background: linear-gradient(-135deg, white, yellow, red, green, black);
  color: white;
  width: 100px;
  //transition: width 2s, height .5s;
  transition: width 2s 1s linear;
  /*transition-property: width;
  transition-duration: 2s;
  transition-delay: 2s;
  transition-timing-function: linear;*/

  &:hover {
    width: 100%;
    color: black;
    height: 180px;
  }

  display: flex;

  button.active {
    border-color: blue;
  }

  div {
    text-align: center;
  }

  a {
    text-decoration: none;
    color: white;
    transition: color 5s;
    &:hover {
      color: black;
      text-decoration: underline;
    }
  }
}