@keyframes fade-in-right{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}@keyframes slide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.navbar #main,.navbar a{margin:15px;color:var(--foreground-color);text-decoration:none}.navbar{--foreground-color: black;font-family:Lato;position:sticky;opacity:0;top:0;color:var(--foreground-color);background-color:#fff;display:flex;justify-content:space-around;align-items:center;animation:fade-in-right ease .6s forwards;z-index:2}.navbar__line-container{width:60%;display:flex;justify-content:center;align-items:center}.navbar__line-container hr{border:none;width:100%;height:2px;background-color:var(--foreground-color);transform:scaleX(0);transform-origin:left;animation:slide ease-in-out .5s forwards;animation-delay:.6s}.navbar #main{margin:15px;color:var(--foreground-color);text-decoration:none}.navbar #main:hover,.navbar a:hover{color:gray}