.rounded-rect {
  position: relative;
  animation: animateBar linear 0.4s;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards; 
}
@keyframes animateBar {
  0% {
    left: 50%;
    width: 0%;
    height: 95%;
    background: var(--site-color);
    box-shadow: 0 0 10px  var(--site-color);
  }
  100% {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--site-color);
    box-shadow: 0 0 10px  var(--site-color);
  }
}
.border-rect {
  width: 100%;
  height: 3px;
  position: relative;

  #border-width: 5px;
  #border: 3px solid rgb(40,40,40);
  #box-shadow: 0 0 10px  var(--site-color);
}