body {

}

.screen_text {
    color: black;
    font-family: Calibri;
    font-size: 20px;
    text-align: left;
    padding: 10px;
    padding-left: 4%;
    padding-right: 4%;
    word-wrap: break-word;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
}

.carousel_text_div{
	display:inline-block;
	overflow: hidden;
	height:30px;
	position:relative;
}

.carousel_text_div > p{
  margin:0;
  margin-top:30px;
  transition: all 3s ease; 
  animation: carousel 3s linear;
  white-space: nowrap;
}

@keyframes carousel { 
  0% { 
	margin-top: 30px;
	opacity:0;
  } 
 
  8% { 
	margin-top: 0px; 
	opacity:1;
  } 
  
  92% { 
	margin-top: 0px; 
	opacity:1;
  } 
  
  100% { 
	margin-top: 30px;
	opacity:0;
  } 
  
}

.running_line_text_div {
    overflow: hidden;
    position: relative;
    max-width: 100%;
    display: inline-flex;
}

    .running_line_text_div > p {
        margin: 0;
        margin-left: -100%;
        transition: all 5s ease;
        animation: runningLine 5s linear;
        white-space: nowrap;
    }

@keyframes runningLine {
    0% {
        margin-left: -100%;
        opacity: 0;
    }

    8% {
        margin-left: 0;
        opacity: 1;
    }

    20% {
        margin-left: 0;
        opacity: 1;
    }

    100% {
        margin-left: 1000%;
        opacity: 0;
    }
}