@import url('style.css');

.toggle {
    display: none;
}
  

.dropdown {
    margin: 30px 0px 0px 20px;
}
  
.dropdown > label {
    padding: 10px;
    background-color: #fff;
    border: 2px solid #ccc;
}
  

.dropdown > ul {
    display: none;
    position: absolute;

    padding: 10px;
    border: 1px solid #ddd;
    z-index: 1;
    list-style-type: none;
}
  
.toggle:checked ~ ul,
.toggle:hover ~ ul {
    display: block
}

.dropdown ul li a {
    color: black; /* Or any color you like */
    text-decoration: none; /* Optional: removes underline */
}