#link a::after {
background-color: #00FFFF;
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
content: "";
transform: scaleX(0);
transform-origin: bottom left;
transition: transform 0.25s ease-out;
}

#link a:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}

#link a,
#main a {
color: #141414;
display: inline-block;
position: relative;
}

#link,
#navpath a:visited {
color: #141414;
}

#main a::before {
background-color: #00FFFF;
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
content: "";
transform: scaleX(1);
transform-origin: bottom right;
transition: transform 0.25s ease-in;
}

#main a:hover::before {
transform: scaleX(0);
transform-origin: bottom right;
}

#main {
text-align: left;
position: relative;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}

#top2 {
text-align: left;
padding-left: 15px;
}

.nav_path:ACTIVE,
.nav_path:HOVER,
.nav_path_a:HOVER {
text-decoration: none;
color: #141414;
}

.nav_path {
color: #141414;
line-height: 25px;
margin-left: 15px;
}

.nav_path_a {
text-decoration: none;
color: #141414;
line-height: 25px;
}

.nav_path_div {
font-size: 0.8rem;
color: #141414;
display: inline;
line-height: 25px;
}