.logo {

    color: #fff;
    font-size:18px;
    border-radius: 50px;
    padding: 5px 5px 5px 7px;
    margin: 0 3px;
    animation: animate 3s linear infinite;
    text-shadow: 0 0 10px #0072ff, 0 0 50px #0072ff, 0 0 10px #0072ff,
      0 0 10px #0072ff;
  }
  #fb {
    animation-delay: 0.2s;
  }
  #ig {
    animation-delay: 0.4s;
  }
  #ig2 {
    animation-delay: 0.6s;
  }
  #yt {
    animation-delay: 0.8s;
  }
  @keyframes animate {
    from {
      filter: hue-rotate(0deg);
    }
    to {
      filter: hue-rotate(180deg);
    }
  }
  .tab-bg{
    background-color: #00B8A0;
  }
  .tab-bg-low{
    background-color: #707070;
  }
  .tab-bg:hover{
    background-color: #61dbcb;
  }
  #web-btn:hover{
    background-color: #61dbcb;
    transform: translateY(-10%); /* Move background up */
    transition: transform 0.3s ease-in-out;
  }
  #graphic-btn:hover{
    background-color: #61dbcb;
    transform: translateY(-10%); /* Move background up */
    transition: transform 0.3s ease-in-out;
  }
  #email-btn:hover{
    background-color: #61dbcb;
    transform: translateY(-10%); /* Move background up */
    transition: transform 0.3s ease-in-out;
  }