.mouse-scroll {position: absolute;bottom: 5px;width: 20px;left: calc(50% - 10px);display: flex;z-index: 25;justify-content: center;align-items: center;}
.mouse-scroll{animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;}
.mouse-scroll .bar{height: 145px;width: 1px;display: block;background-color: #fff;}
.mouse-scroll a{color:#fff;}
.mouse-scroll a:hover{text-decoration:none;color:#fff;}
.mouse-scroll a:focus{text-decoration:none;color:#fff;}
.mouse-scroll p{transform: rotate(-90deg);}
.mouse-scroll p a{transform: rotate(-90deg);display: block;font-size: 10px;letter-spacing: 4px;writing-mode: vertical-lr;-ms-writing-mode: bt-lr;
text-orientation: sideways-right;text-transform: uppercase;font-size: 10px;}

@keyframes nudgeText {
    0% {transform: translateY(0);}
    20% {transform: translateY(2px);}
    30% {transform: translateY(0);}
    50% {transform: translateY(2px);}
    60% {transform: translateY(0);}
    80% {transform: translateY(2px);}
    90% {transform: translateY(0);}
  }

@keyframes colorText {
    21% {color: #232963;}
    30% {color: #ffffff;}
    51% {color: #232963;}
    60% {color: #ffffff;}
    81% {color: #232963;}
    90% {color: #ffffff;}
  }