<div id="menu">

  <ul>

    <li><a href="index.html" style="background-color: #8B0000">HOME</a></li>

    <li><a href="biografia.html" style="background-color: #CD5C5C">BIOGRAFIA</a></li>

    <li><a href="advertising.html" style="background-color: #DC143C">ADVERTISING</a></li>

    <li><a href="belowtheline.html" style="background-color: #FF4500">BELOW THE LINE</a></li>

    <li><a href="packaging.html" style="background-color: #FF8C00">PACKAGING</a></li>

    <li><a href="contacts.html" style="background-color: #FFD880">CONTACTS</a></li>

  </ul>

</div>

<style>

  #menu {

    position: fixed;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    font-family: 'Raleway', sans-serif;

    font-weight: 300;

    padding: 0;

  }

  #menu ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

  }

  #menu li {

    margin: 0;

  }

  #menu a {

    display: block;

    padding: 10px 20px;

    color: white;

    text-decoration: none;

    transition: all 0.5s ease-in-out;

  }

  #menu a:hover {

    transform: translateX(calc(20px + 0.2*(100% - 20px)));

    background-color: #000;

  }

</style>

<div id="menu">

  <ul>

    <li><a href="index.html">HOME</a></li>

    <li><a href="biografia.html">BIOGRAFIA</a></li>

    <li><a href="advertising.html">ADVERTISING</a></li>

    <li><a href="belowtheline.html">BELOW THE LINE</a></li>

    <li><a href="packaging.html">PACKAGING</a></li>

    <li><a href="contacts.html">CONTACTS</a></li>

  </ul>

</div>

<style>

  #menu {

    position: fixed;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    font-family: 'Raleway', sans-serif;

    font-weight: 300;

  }

  #menu ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

  }

  #menu li {

    margin: 10px 0;

  }

  #menu a {

    display: block;

    padding: 10px 20px;

    color: white;

    background-color: black;

    text-decoration: none;

    transition: all 0.5s ease-in-out;

  }

  #menu a:hover {

    transform: translateX(calc(20px + 0.5*(100% - 20px)));

  }

</style>