.navsub {
position: fixed;
top: 240px;
width: 150px;
height: fit-content;
}

.navleft {  left: 100px;  }
.navright { right: 100px; }

.navsub ul {
list-style: none;
padding: 0;
margin: 0;
}

.navsub li {
margin: 10px 0;
width: auto;
}

.navsub a {
text-decoration: none;
display: block;
font-size: 1.125rem;
transition: background 0.3s, color 0.3s;
background: #181818;
padding: 5px;
}

.navleft a {
text-align: right;
border-top: 3px solid #000;
border-left: 3px solid #000;
border-bottom: 3px solid #000;
border-radius: 50px 0 0 50px;
}

.navright a {
border-top: 3px solid #000;
border-right: 3px solid #000;
border-bottom: 3px solid #000;
border-radius: 0 50px 50px 0;
}

.navleft a:hover, .navright a:hover {
color: #000000;
background: #009933;
font-style: italic;
}

.navsub a.active {
font-style: italic;
font-weight: bold;
}