/* .circle {
    z-index: 2;
    position: absolute;
    top: 12vh;
    left: 25vw;
    width: 50vw;
    height: 85vh;
    background: rgba(255, 255, 255, 0);
    border-color:rgb(235, 241, 247);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    -moz-border-radius: 50vw;
    -webkit-border-radius: 85vh;
    border-radius: 80vw;
} */

#l{
    position: absolute;
    display: block;
    top: 7.5vh;
    left: 20vw;
    width:57%;
    height:80%;
    /* cursor: crosshair; */
}

a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0vh;
    left: 0;

    background-color: rgb(216, 223, 232);
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.5s ease-in-out 0s;
  }
a:hover::before {
    visibility: visible;
    transform: scaleX(1);
  }