td {font-family: Verdana, sans-serif; font-size: 12px;}
a {color: #ffffff; text-decoration: none; text-transform: uppercase; font-size:12px; font-family: century gothic, sans-serif;}

a:hover{color: #d0f4f7; text-decoration: none}
p {text-align: justify; color: #233310; font-family: verdana, sans-serif; font-size: 12px;}
H1 { text-align: center; font-size:16px;  color: #00bfff; font-family: century gothic, sans-serif; font-weight: normal; text-transform: uppercase}
h2{ text-align: center; font-size:16px;  color: #00406b; font-family: Century gothic, sans-serif; font-weight: normal; text-transform: uppercase}
h3{ text-align: left; font-size:16px;  color: #1889ab; font-family: century gothic, sans-serif; font-weight: normal; text-transform: uppercase}
h4{ text-align: center; font-size:18px;  color: #00406b; font-family: Century gothic, sans-serif; font-weight: normal; text-transform: uppercase}

li {text-align: justify; color: #233310; font-family: verdana, sans-serif; font-size: 12px; padding-left:10pt; margin-left:10pt}
img { border-color:#FFFFFF}
img:hover { border-color:#c0c0c0}
.link {color: #002137; text-decoration:underline}
.link:hover{color: #d0f4f7; text-decoration:underline}
.tdmen { padding-left: 7pt; padding-right: 5pt; padding-bottom: 4pt; text-align: left; color: #233310; font-family: verdana, sans-serif; font-size: 11px;}
.tag{ text-align: left; font-size:10px;  color: #1b1f15; font-family: Verdana, sans-serif; font-weight:bold; margin-bottom: 3pt; margin-top: 3pt}

.top {font-size: 18px;  color: #d0f4f7; font-family: century gothic}
.top1 {font-size: 14px;  color: #d0f4f7; font-family: century gothic}
.top2 {font-size: 14px;  color: #d0f4f7; font-family: century gothic; padding: 3pt; background-color: #002137 }
.top2:hover {color:#ffffff; text-decoration: underline}
.bl {color: #00406b;}
.anons {
width: 550px; 
height: 220px; 
text-align: center; 
position: relative; 
float: left; 
left: 240px; 
top: -350px; 
background-color: white; 
opacity: 0.8; filter: alpha(Opacity=80); 
padding: 15pt; 
}



.an { text-align: center; font-size:24px;  color: #002137 ; text-shadow: 1px 1px 5px #68BDE3; font-family: century gothic, sans-serif; font-weight: normal; text-transform: uppercase;}


.wh {color: #ffffff; font-family: verdana, sans-serif; font-size: 10px;}
.wh1 {color: #ffffff; text-decoration: none; text-transform: uppercase; font-size:12px; font-family: century gothic, sans-serif; padding:5pt; }
.table {border: #364e19 0.5pt solid;  padding: 5pt}
.form {color: #364e19; background-color: #e3dbb1; border-color: #364e19;}
.tdmenu {padding: 3pt}
.bord {border: 1pt solid #002137;  padding: 3pt}
.menu {text-align: justify; text-decoration: none; color: #364e19; font-family: Georgia, Times New Roman, sans-serif; font-weight:bold; font-size:12;"}
.price {text-align: center;}

Это анимация: background-image: url(images/snowflakes2.svg);
background-repeat: repeat-y;
animation: snow 30s linear infinite;}
@keyframes snow {
 from {background-position: center -800px;}
    to {background-position: center 0%; }