/************** SCROLLING TEXT *************/

@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');

.scroll-left {
    height: 50px;	
    overflow: hidden;
    position: relative;
    background: rgba(49, 2, 2, 0.95);
    color: rgb(255, 255, 255);
    border-top: 1px solid rgba(237, 111, 0, 0.95);
    border-bottom: 2px solid rgba(237, 111, 0, 0.95);
   }
   .scroll-left p {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: 'Courier Prime', monospace;
    color:#04faee;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    /* Starting position */
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%);	
    transform:translateX(100%);
    /* Apply animation to this element */	
    -moz-animation: scroll-left 10s linear infinite;
    -webkit-animation: scroll-left 10s linear infinite;
    animation: scroll-left 10s linear infinite;
   }
   
   .scroll-left a {
       position: absolute;
       width: 110%;
       height: 100%;
       
       text-decoration: none;
       font-family: 'Courier Prime', monospace;
       color:#ffffff;
       font-size: 1.25rem;
       font-weight: 400;
       line-height: 50px;
       text-align: center;
       
       /* Starting position */
       -moz-transform:translateX(100%);
       -webkit-transform:translateX(100%);	
       transform:translateX(100%);
       /* Apply animation to this element */	
       -moz-animation: scroll-left 10s linear infinite;
       -webkit-animation: scroll-left 10s linear infinite;
       animation: scroll-left 10s linear infinite;
      }
   
   /* Move it (define the animation) */
   @-moz-keyframes scroll-left {
    0%   { -moz-transform: translateX(100%); }
    100% { -moz-transform: translateX(-150%); }
   }
   @-webkit-keyframes scroll-left {
    0%   { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(-150%); }
   }
   @keyframes scroll-left {
    0%   { 
    -moz-transform: translateX(100%); /* Browser bug fix */
    -webkit-transform: translateX(100%); /* Browser bug fix */
    transform: translateX(100%); 		
    }
    100% { 
    -moz-transform: translateX(-150%); /* Browser bug fix */
    -webkit-transform: translateX(-150%); /* Browser bug fix */
    transform: translateX(-150%); 
    }
   }