*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQBAMAAAD+CqKmAAAAKlBMVEX5+fn6+vr7+/v8/Pz////4+Pj39/f29vb19fX09PTz8/Py8vLx8fHo6OgTp668AAAAkElEQVR4XmO4iwQYrriAAIRkuKLRuXXO6itLp3UtjWa4Mn3i1l0dV6Slqy0TGK6I7dgtFnwlzXKp0mqGK61lkpXSV1Z0bty4neFKeljosg1XZq0IsBFkuCKxUJOB84pwgHgWO6o9EEsgJEPr9t1wqxgOaYTDrWLgLG2GW8WQJcYDt4phQvkZuFUM26uWwq0CAHdtZDNiQoOHAAAAAElFTkSuQmCC);background-size:auto;background-repeat:repeat;background-position:center}.navbar-link{overflow:hidden;position:relative;display:inline-block;text-decoration:none;color:#f5f5f5;font-family:'Montserrat", serif';font-size:22px;letter-spacing:"2px"}.navbar-link:before,.navbar-link:after{content:"";position:absolute;width:100%;left:0;color:red}.navbar-link:before{background-color:#e9d8a6;color:red;height:3px;bottom:0;transform-origin:100% 50%;transform:scaleX(0);transition:transform .4s cubic-bezier(.76,0,.24,1)}.navbar-link:after{content:attr(data-replace);height:100%;top:0;transform-origin:100% 50%;transform:translate3d(200%,0,0);transition:transform .4s cubic-bezier(.76,0,.24,1);color:#e9d8a6}.navbar-link:hover:before{transform-origin:0% 50%;transform:scaleX(1)}.navbar-link:hover:after{transform:translateZ(0)}.navbar-link span{display:inline-block;transition:transform .4s cubic-bezier(.76,0,.24,1);color:#f5f5f5}.navbar-link:hover span{transform:translate3d(-200%,0,0)}