As a beginner in CSS, I am experimenting with creating a simple website using HTML and CSS. However, I have encountered an issue where the links on the left side of my page are being interfered with by a paragraph in the middle section. This causes some of the links to be unclickable.
I have included my CSS code below. Can someone please help me identify what I am doing wrong?
body {
color: white;
background-color: black;
font-family: Verdana, Geneva, sans-serif;
}
header {
border: 5px solid blue;
}
table, th, td {
border: 1px solid white;
}
section {
font-family: arial;
font-size: 15px;
text-align: center;
padding: 70px;
left: 0;
margin: auto;
margin-top: -100px;
position: absolute;
top: 50%;
width: 100%;
}
nav ul {
padding: 15px;
line-height: 3em;
list-style-type: none;
}
nav ul li a {
color: white;
color: rgba(255, 255, 255, 0.5);
text-decoration: none;
}
nav ul li:hover {
list-style-image: url(download.png);
}
nav ul li a:hover {
color: rgba(255, 255, 255, 1);
}