HomeWork1/React/CodePen/src/App.css

@import url(https://fonts.googleapis.com/css?family=Righteous);


.App {
  font: 400 14px "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  overflow-x: hidden;
  max-width: 100%;
}


.headerBlock{
	border:1px solid black;	
}


.foot{
	width: 100%;
	height:150px;
	background: grey;
}

.foot span{
	position:relative;
	top:30px;
	left:42%;
	color:white;
	font-size: 40px;
	text-shadow: 0 0 5px red, 0 0 10px orange, 0 0 15px yellow, 0 0 20px green, 0 0 25px aqua;
}

#myStyle{
  display: inline-block;
  color: white;
  background-color: blue;
  font-family: 'Righteous', serif;
  font-size: 2em; 
  text-shadow: .03em .03em 0 hsla(230,40%,50%,1);
}

#myStyle:after {
    content: attr(data-shadow);
    position: absolute;
    top: .06em; left: .06em;
    z-index: -1;
    text-shadow: none;
    background-image:
      linear-gradient(
        45deg,
        transparent 20%,
        hsla(48,20%,90%,1) 45%,
        hsla(48,20%,90%,1) 55%,
        transparent 0
        );
    background-size: .05em .05em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
    animation: shad-anim 15s linear infinite;
}

@keyframes shad-anim {
  0% {background-position: 0 0}
  0% {background-position: 100% -100%}
  }