/*msvr.css 02/2022
Achtung:
- Oft muss im Browser der Cache gelöscht werden, damit CSS aktualisiert wird! (Android: im Browser ... rechts oben > Verlauf > Löschen)
- Remarks dürfen nur mit * / nicht mit // gemacht werden
*/

body
{
  
  background: url("blatt1.png");
  /* 
  background: url("trees_small.jpg");
  
  background-repeat: no-repeat; */
  /*background-size: 100% 100%;*/
  background-size: cover;
  background-attachment: fixed;
}

p, a
{
	/*font-size: 1.5em;*/
	font-size: 30px;
	color: #000f00;
	text-align: center;
	text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #00ffff, 0 0 40px #00ffff, 0 0 50px #00ffff, 0 0 60px #00ffff, 0 0 70px #00ffff;
}

button
{
	min-width: 10%;
	height: 3em;
	font-size: 30px;
}

.text_green
{
	font-weight: normal;
	color: #1a3300;
	text-align: center;
	text-shadow: 0 0 10px #408000, 0 0 20px #66cc00, 0 0 30px #80ff00, 0 0 40px #a6ff4d, 0 0 50px #b3ff66, 0 0 60px #bfff80, 0 0 70px #ccff99;
}
.text_red
{
	font-weight: bold;
	color: #800000;
	text-align: center;
	text-shadow: 0 0 10px #b30000, 0 0 20px #e60000, 0 0 30px #ff1a1a, 0 0 40px #ff4d4d, 0 0 50px #ff6666, 0 0 60px #ff8080, 0 0 70px #ff9999;
}

/*   ...glow geht aber am Handy zu lahm...
p, a
{
	font-size: 1.5em;
	color: #000f00;
  text-align: center;
  -webkit-animation: glow 2s ease-in-out infinite alternate;
  -moz-animation: glow 2s ease-in-out infinite alternate;
  animation: glow 2s ease-in-out infinite alternate;
}



@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #00ffff, 0 0 40px #00ffff, 0 0 50px #00ffff, 0 0 60px #00ffff, 0 0 70px #00ffff;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #0000ff, 0 0 40px #000fff, 0 0 50px #000fff, 0 0 60px #000fff, 0 0 70px #000fff, 0 0 80px #00fff;
  }
} */