#nav-box {
 opacity: 1;
 display: grid;
 grid-template-columns: auto auto;
 border-bottom: 2px solid rgb(75, 173, 92);
 width: 85%;
 margin: auto;
 font-family: sans-serif, Arial;
}

.nav {
 color: cadetblue;
 width: 150px;
 display: flex;
 flex-direction: column;
 padding-right: 10px;
 padding-left: 10px;
 border-right: 1px ridge navajowhite;
}

.projects {
 width: 150px;
 display: flex;
 padding: 0px;
 flex-direction: column;
 height: 200px;
 overflow: hidden;
 border: 2px solid blueviolet;
 border-radius: 15px;
 list-style: decimal;
}

.projects:hover {
 overflow-y: auto;
}

.projects::-webkit-scrollbar {
 width: 8px;
}

.projects::-webkit-scrollbar-thumb {
 background-color: pink;
 border-radius: 15px;
 height: 5px;
}

.high-fidelity {
 display: flex;
 flex-direction: column;
 padding: 0px;
 border: 2px solid blueviolet;
 border-radius: 15px;
}

ul li {
 opacity: 1;
 display: flex;
 flex-direction: column;
 opacity: 0.7;
}

li a {
 color: beige;
 text-decoration: none;
}

li a:hover {
 color: aqua;
}