* {
  margin:0;
  padding:0;
  border:0;
}

.scroller{
		font-family: sans-serif;
		font-style: italicnormal;
		font-weight: 580;	 
		font-size: 50px;			
		/* color: yellow; */
		color: yellow;
		position: relative;
    	top: 0px;
    	left: 0px;
	}

h2 
.scroller{
		font-family: sans-serif;
		font-style: italicnormal;
		font-weight: 580;	 
		font-size: 50px;			
		/*color: yellow;*/
		color: lawngreen;
		position: relative;
    	top: 0px;
    	left: 0px;
	}


// all this section courtesy of/based on this:
// https://stackoverflow.com/questions/32638465/how-to-scroll-text-smoothly-using-html5

@keyframes slide {
  from { left:20%; transform: translate(0, 0); }
  to { left: -1%; transform: translate(-100%, 0); }
}
@-webkit-keyframes slide {
  from { left:20%; transform: translate(0, 0); }
  to { left: -1%; transform: translate(-100%, 0); }
}

@keyframes slideREVERSE {
  from { left:-10%; transform: translate(0, 0); }
  to { left: 20%; transform: translate(50%, 0); }
}
@-webkit-keyframes slideREVERSE {
  from { left:-10%; transform: translate(0, 0); }
  to { left: 20%%; transform: translate(50%, 0); }
}
		
		
.marquee { 
  color:red; 
  background:#f0f0f0;
  width:100%;
  height:120px;
  line-height:120px;
  overflow:hidden;
	text-overflow: ellipsis;
  position:relative;
}

.text {
	//background-color: #000000;
  position:absolute;
  top:0;
  white-space: nowrap;
  height:120px;
  font-size:10px;
  animation-name: slide;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: slide;
  -webkit-animation-duration: 30s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count: infinite;
}
/////// end courtesy //////

html {
    //background: #e6e9e9;
    //background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%);
    -webkit-font-smoothing: antialiased;
}

body {
    /* background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
    color: #545454;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 800px;
    padding: 2em 2em 4em;
	*/
}

/*h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-weight: 600;
    line-height: 1.3;
	
}


h2 {
    margin-top: 1.3em;
}

a {
    color: #0083e8;
}

b, strong {
    font-weight: 600;
}

samp {
    display: none;
}

img {
    animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
    background: transparent;
    border: 10px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    display: block;
    margin: 1.3em auto;
    max-width: 95%;
}

@keyframes colorize {
    0% {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    100% {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
}
*/