/*msvr.css 02/2025
Achtung:
- Oft muss im Browser der Cache gelöscht werden, damit CSS aktualisiert wird! (Android: im Browser ... rechts oben > Verlauf > Löschen)
  Oder bei Firefox anhaken : Einstellungen > Kein Cache wenn Entwicklerkonsole offen ist
- Firefox hat eine Option "Nicht Cachen, wenn Entwicklerfenster offen ist (Konsolue usw)
- Remarks im css dürfen nur mit * / nicht mit // gemacht werden
*/

head
{
  background-color: rgb(33, 9, 112);
}

body
{
  
	/* 
  background: url("assets/sun.png");
  background: url("trees_small.jpg");
  
  background-repeat: no-repeat; */
  /*background-size: 100% 100%;*/
  background-color: #011707;
  background-size: cover;
  background-attachment: fixed;
  font-family: 'Consolas';
  margin: 0px; 
  height: 100%;  
}

#headline
{
	margin: 0px;
	padding: 16px; 
	text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #00ffff, 0 0 4px #00ffff, 0 0 5px #00ffff, 0 0 6px #00ffff, 0 0 9px #00ffff;
}

p, a
{
	/*font-size: 1.5em;*/
	font-size: 30px;
	color: #acffac;
	text-align: center;
}

table, th, td {
	margin: auto;
	border: 1px solid darkblue;
	border-collapse: collapse;
}
th, td {
	padding: 10px;
}

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;
  }
} */