The index.html file contains a list of links to lectures.
When hovering over each link, it should have a right padding of 30px.

This task is part of the Full-Stack JavaScript Course
If you have any issues with it, you can ask for community help below the post
Feel free to help others if you’ve already solved the task


<!DOCTYPE html>
      ul {
        list-style: none;
        padding: 0;
      li {
        margin-bottom: 12px;
      h2 {
        font-family: monospace;
      a {
        text-decoration: none;
        padding: 5px 10px;
        color: white;
        font-weight: bold;
        font-family: monospace;
        background-color: rgb(255, 198, 0);
        <a href="">Lists lecture</a>
        <a href="">Document structure lecture</a>
        <a href="">Tables lecture</a>