.sidebar {
  width: auto;

  a:link {
      color: yellow;
      text-decoration: none;
    }

  a:visited {
      color: yellow;
      text-decoration: none;
    }

  a:hover {
      color: red;
      transform: translateX(5px);
      text-decoration: none;
    }
  }

.sidebar.collapsed {
    width: 62px;
  }

.sidebar-link {
    white-space: nowrap;
    overflow: hidden;
  }

.collapsed .hide-on-collapse {
    opacity: 0;
    visibility: hidden;
  }

<style>
      a:link {
          color: yellow;
          background-color: transparent;
          text-decoration: none;
      }
      a:visited {
          color: yellow;
          background-color: transparent;
          text-decoration: none;
      }
      a:link {
          color: yellow;
          background-color: transparent;
          text-decoration: none;
      }
      a:hover {
          color: red;
          background-color: transparent;
          text-decoration: none;
      }
      .bg-image {
          background-image: url("/images/sm009d.gif");
      }
      .links {
          display: flex;
          justify-content: center;
        }

        ul.none {list-style-type: none;}

        main {
          color: White;
          text-align: center;
        }

        footer {
          a:link {
            color: yellow;
            background-color: transparent;
            text-decoration: none;
          }
          a:hover {
              color: red;
              background-color: transparent;
              text-decoration: none;
          }
          color: White;
          text-align: center;
        }
  </style>