.js-nametag1{ 

    position:absolute;
    opacity: 0;
    transition: opacity .5s ease-in;
    width:90%; border-radius: 50% ; border: 5px solid #7a7b4b;
    }
.js-nametag{
  font-size:26px;
  font-family: brush-script-std, sans-serif;
    position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in;
  padding-right: 100px;
  }
  nav ul li a:hover {
    color: #fff;
  }
  nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
}
nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #fff;
  height: 1px;

}
nav.stroke ul li a:hover:after {
  width: 50%;
  margin-left: 32.5px;
}