Как сделать - Кнопки боковой навигации

/* Стиль ссылок внутри боковой панели */
#mySidenav a {
  position: absolute; /* Расположите их относительно окна браузера */
  left: -80px; /* Разместите их за пределами экрана */
  transition: 0.3s; /* Добавить переход при наведении */
  padding: 15px; /* 15px внутренний отступ */
  width: 100px; /* Установите определенную ширину */
  text-decoration: none; /* Удалить подчеркивание */
 font-size: 20px; /* Увеличить размер шрифта */
  color: white; /* Белый цвет текста */
  border-radius: 0 5px 5px 0; /* Закругленные углы вверху справа и внизу справа */
}

#mySidenav a:hover {
  left: 0; /* При наведении указателя мыши сделайте так, чтобы элементы выглядели так, как должны */
}

/* Ссылка about: 20 пикселей сверху на зеленом фоне */
#about {
  top: 20px;
  background-color: #04AA6D;
}

#blog {
  top: 80px;
  background-color: #2196F3; /* Синий цвет */
}

#projects {
  top: 140px;
 background-color: #f44336; /* Красный цвет */
}

#contact {
  top: 200px;
  background-color: #555 /* Светло-черный */
}