Better list bullets

sass/style.scss

@@ -62,7 +62,7 @@ nav {
 	margin-bottom: 4rem;
 	max-height: calc(100vh - 2em);
 	box-sizing: border-box;
-	overflow-y: auto;
+	overflow-y: visible;
 
 	span.title {
 		display: block;
@@ -87,33 +87,27 @@ nav {
 		}
 	}
 	ul.table-of-contents li {
+		overflow: visible;
+
 		a {
 			color: #e1140a;
 			position: relative;
 
-			&::before, &::after {
+			&::before {
 				content: "";
 				background-color: #bbb;
 				position: absolute;
-				left: 0;
-				top: 0;
-			}
-			&::before {
-				height: 2px;
-				width: .5em;
-			}
-			&::after {
-				width: 2px;
-				height: .5em;
+				left: -8px;
+				top: 50%;
+				width: 4px;
+				height: 4px;
+				transform: translateY(-2px);
 			}
 			&:hover { color: #fff }
-			&:hover::before, &:hover::after { display: none }
 		}
 
-		li {
-			padding: 0 .5em;
-			&>a::before, &>a::after { display: none }
-		}
+		li { padding: 0 .5em }
+		li>a::before { border-radius: 50% }
 	}
 }
 
@@ -275,7 +269,7 @@ a {
 	nav ul.table-of-contents li a {
 		color: #ff6e67;
 		&::before, &::after {
-			background-color: #383838;
+			background-color: #cdcdcd;
 		}
 	}