﻿body {background-color: #000000; margin-left: 0; margin-top:0; margin-right:0; margin-bottom:0;
overflow: hidden;
}
p {color: #FFFFFF; font-family:"Comic Sans MS", sans-serif; font-size: calc(10px + (0.4 * 2vw)); text-align : center}
table {font-family:"Comic Sans MS", sans-serif; bottom: 2%;}
table a{color: #FFFF00; text-decoration: none;}
td {text-align:center; font-size: calc(10px + (0.4 * 2vw))}

.desc	{color: #ffffff; font-style:italic; background-color: #000000; opacity: 0.8; border-radius: 5px}
.anna	{color: #ffffff; background-color: #000000; opacity: 0.8; border-radius: 5px}


img.main{
	max-width: 100%;
	max-height: 100vh; /* 100vh - 100% от высоты viewport(окна браузера) */
}

.fig {
	margin-top:0;
    text-align: center; /* Выравнивание по центру */ 
   }

td[bgcolor="#333333"]	{
	border-radius: 10px;
	box-shadow: rgb(150,150,150) 3px 3px 5px;
	background: linear-gradient(#777777 0%, #333333 100%);
	border: 1px solid #bfbfbf;
	transition: all 0.3s;
	opacity: 0.8;
}

td:hover[bgcolor="#333333"]	{
	background: linear-gradient(#808080 0%, #707070 100%);
	opacity: 0.8;
}

img.press:hover {
     filter: alpha (Opacity=80);/* прозрачность для IE */
     opacity: 0.8;/* прозрачность для других браузеров */
}

img.button:hover {
transform: scale(1.05);
