.cont {position:absolute;left:580px;top:270px;width:300px;height:300px;margin:50px auto;background-image:url(../gf0/klk.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:5}
.hand {position:absolute;left:50%;top:50%}
#hor {width:20px;height:80px;background-color:rgba(0, 0, 128, 0.5);border-radius:10px 10px 0 0;margin-left:-10px;margin-top:-80px;transform-origin:bottom center;animation:obrot 360s infinite linear}
#min {width:20px;height:115px;background-color:rgba(0, 100, 0, 0.5);border-radius:10px 10px 0 0;margin-left:-10px;margin-top:-115px;transform-origin:bottom center;animation:obrot 30s infinite linear}
#sec {width:4px;height:150px;background-color:#f00;border-radius:2px;margin-left:-2px;margin-top:-110px;transform-origin:center 110px;animation:obrot 2.5s infinite linear}
#sec::after {content: '';position:absolute;width:14px;height:14px;background-color:#f00;border-radius:50%;bottom:0;left: 50%;transform: translateX(-50%)}
.cntr {position:absolute;top:50%;left:50%;width:32px;height:32px;background-color:#f00;border-radius:50%;transform:translate(-50%, -50%);z-index:10}
@keyframes obrot {
from {transform:rotate(0deg)
}
to {
transform:rotate(360deg)
}
}
#pnd{transform-origin:50% -40px;animation:oscillation 2s ease-in-out infinite alternate;background:url(../gf0/pend.png) no-repeat;width:94px;height:147px;position:absolute;top:580px;left:692px;z-index:1} 
@keyframes oscillation{from{transform:rotate(-20deg);} to {transform:rotate(20deg)}}
.slajder {position:absolute;top:20px;right:20px;width:300px;height:250px;border:1px solid;overflow:hidden}
#slajdy {position:absolute;top:0;left:0;width:100%;animation:slideUp 8s infinite}
.slajd {width:300px;height:250px;display:flex;align-items:center;justify-content:center}
.slajd:nth-child(1) {background:url(../gf0/inf1.png)}
.slajd:nth-child(2) {background:url(../gf0/inf2.png)}
.slajd:nth-child(3) {background:url(../gf0/inf1.png)}
@keyframes slideUp { 
0%    {transform:translateY(0)}
37.5% {transform:translateY(0)}
50%   {transform:translateY(-250px)}
87.5% {transform:translateY(-250px)}
100%  {transform:translateY(-500px)}
}