@keyframes animatedGradient {
  to {
    background-position: 200% center;
  }
  }
  

.roundSpan{
cursor:pointer;
display:inline-block;
border-radius:4px;
background:#000;
transition:0.4s;
}

.roundSpan:hover{

transform:scale(0.9);
}

.boldMe{
padding:0.36vw;
background-color:#000;
color:#fff;
font-weight:600;
border-radius:5px;
}

 .colorwords, .colorwords2{
 background: linear-gradient(173deg, #ffffff, #ffffff, #eeeeee, #dddddd);
 -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: animatedGradient 1.5s linear infinite;
  background-size: 200% auto;
 }
 
 .colorwords2{
 background:url("holo.jpg");
 
  -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: animatedGradient 2.5s linear infinite;
animation-direction: alternate;
  background-size: 200% auto;
 }
 
  .colorwords4{
 background:url("lum5.jpg");
 
  -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: animatedGradient 2.5s linear infinite;
animation-direction: alternate;
  background-size: 200% auto;
 }
 
   .colorwords5{
 background:url("lumgrey.jpg");
 
  -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: animatedGradient 2.5s linear infinite;
animation-direction: alternate;
  background-size: 200% auto;
 }
 
 .extraPadding{
	 padding:1.5vw;
 }