html, body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: italic;
width: 100%;
height: 100%;
margin: 0;

}
h1 {
font-size: 14px;
font-style: italic;    
}

@-webkit-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-moz-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-o-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(720deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
.container {
    width: 99%;
    height:auto !important;
    height:98%;
    min-height:98%;
    border: solid 2px #333332;
    position: relative;
    margin-left:4px;
    margin-top:4px;
    margin-right:4px;
    margin-bottom:4px;
   
}
.gear {
    margin-left: 30%;
    margin-top: 10%;
/*    position: absolute;*/

}

.svg {
    width:500px;
    height:400px;
}
.img {
    
/*    margin-top: 70px;*/
    position: absolute;
    width: 400px;
    -webkit-animation-name: rotation;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotation;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotation;
    -o-animation-duration: 10s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotation;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.info {
    bottom: 0px;
    right: 0px;
    position: absolute;
}

.name {
    left: 0px;
    top: 0px;
    border-bottom: solid 2px #333332;
    border-right: solid 2px #333332;
    height: 20px;
    position: absolute;
    padding: 2px 4px 2px 4px;
}
.footer {
    border: 2px #333332 solid;
    border-collapse: collapse;
    border-bottom-style: hidden;
    border-right-style: hidden;
}
.footer td {
 border: 2px #333332 solid; /* стиль рамки ячеек */
 padding: 0.2em;
 text-align:center;
}
.css {
    margin-top: -2px;
    margin-bottom: -5px;
}

/*
     FILE ARCHIVED ON 10:33:22 Oct 04, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:53:49 May 16, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.609
  exclusion.robots: 0.027
  exclusion.robots.policy: 0.016
  esindex: 0.014
  cdx.remote: 6.862
  LoadShardBlock: 88.846 (3)
  PetaboxLoader3.datanode: 133.165 (4)
  load_resource: 295.048
  PetaboxLoader3.resolve: 213.573
*/