#menu{
	position: absolute;
    top: 40%;
    right: 0;
	list-style: none;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#menu .active a {
    margin: 2px 0;
    width: 36px;
    height: 36px;
    background-color: #1d1d1c;
    border-top: 3px solid #d18829;
    transition: .3s;
    text-decoration: none;
    font-family: "Merriweather_Black";
    font-size: 18px;
    color: #fff;
    display: flex;
    justify-content: center;
	align-items: center;
	opacity: 0.8;
}


#menu .active a:hover {
	border-left: none;
	opacity: 1;
}

#menu li a {
    margin: 2px 0;
    width: 26px;
    height: 36px;
    background-color: #1d1d1c;
    text-decoration: none;
    font-family: "Merriweather_Black";
    font-size: 18px;
    color: #fff;
    transition: .3s;
    display: flex;
    justify-content: center;
	align-items: center;
	opacity: 0.7;
}

#menu li a:hover {
    border-left: 3px solid #d18829;
	transition: .3s;
	opacity: 1;
}