I'm experiencing an issue with my CSS file not responding to my HTML file. I have imported the CSS file into my HTML file and both files are located in the same directory. It was working fine when they were written in the same file, but after separating them, the CSS file no longer responds.
<head><style>body {
background-color: lightblue;
}
ul {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
}
li {
display: inline-block;
float: left;
margin-right: 1px;
}
/* more CSS styles here */
<input type="checkbox" id="show-menu" role="button">
<ul id="menu">
<li><a href="#">Home</a></li>
<li>
<a href="#">VCT Operation</a>
<ul class="hidden">
<li><a href="#">Conduct Operation</a></li>
<li><a href="#">View Reports</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>