/* Main stuff */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:800);
.box-with-text {  
background-image: -webkit-linear-gradient(gold 50%, white 50%);
background-position: 0 0;
-webkit-background-clip: text;
  
background-size: 100% 50px;  
background-repeat: repeat;  
-webkit-animation: stripes 3s linear infinite;
  
animation: stripes 3s linear infinite; 
-webkit-text-fill-color: transparent; 
}


@-webkit-keyframes stripes {  
100% {
    
background-position: 0px -50px; 
} 
}


@keyframes stripes {  
100% {
    
background-position: 0px -50px; 
} 
}


/* Other stuff */

body {
  
/*background: #000;
*/  
color: #fff; 
}


.box-with-text {  
text-align: center; 
overflow: hidden;  
text-transform: capitalize; 
white-space: nowrap;  
font: 4vmax/.9 Open Sans, Impact;
margin-bottom: 10px; 
}

/*---------------------------------------*/
.box-with-text2 {  
background-image: -webkit-linear-gradient(red 50%, black 50%);
background-position: 0 0;
-webkit-background-clip: text;
  
background-size: 100% 50px;  
background-repeat: repeat;  
-webkit-animation: stripes 3s linear infinite;
  
animation: stripes 3s linear infinite; 
-webkit-text-fill-color: transparent; 
}


@-webkit-keyframes stripes {  
100% {
    
background-position: 0 -50px; 
} 
}


@keyframes stripes {  
100% {
    
background-position: 0 -50px; 
} 
}


/* Other stuff */

body {
  
/*background: #000;
*/  
color: #fff; 
}


.box-with-text2 {  
text-align: center; 
overflow: hidden;  
text-transform: capitalize; 
white-space: nowrap;  
font: 3vmax/.9 Open Sans, Impact;
margin-bottom: 10px; 
}

/*---------------------------------------*/
.box-with-text3 {  
background-image: -webkit-linear-gradient(orangered 50%, black 50% );
background-position: 0 0;
-webkit-background-clip: text;
  
background-size: 100% 50px;  
background-repeat: repeat;  
-webkit-animation: stripes 3s linear infinite;
  
animation: stripes 3s linear infinite; 
-webkit-text-fill-color: transparent; 
}


@-webkit-keyframes stripes {  
100% {
    
background-position: 0 -50px; 
} 
}


@keyframes stripes {  
100% {
    
background-position: 0 -50px; 
} 
}


/* Other stuff */

body {
  
/*background: #000;
*/  
color: #fff; 
}


.box-with-text3 {  
text-align: center; 
overflow: hidden;  
text-transform: capitalize; 
white-space: nowrap;  
font: 3vmax/.9 Open Sans, Impact;
margin-bottom: 10px; 
}