@charset "utf-8";
html { scroll-behavior: smooth;}
.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
opacity:0;
}
.fadeIn2{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
A.white:link {
	COLOR: #0000b0; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #0000b0; TEXT-DECORATION: underline
}
A		{text-decoration:none;}
.unnamed1 {
	border: 1px solid #000000;
}
body { font-family: Arial; }
div.table1 {
	border: 0;
	width: 824;
	cellspacing: 0;
	cellpadding: 0;
	background-color: rgba( 255, 255, 255, 0.7 );
}
li
{
         margin-top: 0.0em;
	 margin-bottom: 0.0em;
}
div.table2 {
	border: 0;
	width: 620;
	cellspacing: 0;
	cellpadding: 0;
	background-color: rgba( 255, 255, 255, 0.0 );
	user-select: none;
}
div.table3 {
	border: 0;
	width: 620;
	cellspacing: 0;
	cellpadding: 0;
	background-color: rgba( 255, 255, 255, 0.7 );
}
div.table4 {
	border: 0;
	width: 824;
	cellspacing: 0;
	cellpadding: 0;
	background-color: rgba( 255, 255, 255, 0.85 );
}
.backdrop {
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.boxshadow {
  box-shadow: 10px 10px 20px -10px #cccccc;
}
font {
font-family: "sans-serif";
text-shadow: 2px 4px 6px #c0c0c0;
}
.text{
text-shadow: 2px 4px 6px #c0c0c0;
}