.kit{
  height: 100px;
  width: 100px;
  margin: 50px;
  animation: ide 6s linear infinite;
}
 @keyframes ide {
  0% {transform:translateX(0%);} 
  50% {transform:translateX(800%);}
   100%{transform:translateX(0%);}
  }
  




.puls_kolo{
  background-color: red;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  margin: 50px;
  animation: pulsuvannya 2s ease infinite;
}
 @keyframes pulsuvannya {
  0% {transform: scale(1);} 
  50% {transform: scale(1.3);}
   100%{transform: scale(1);}
  }
  
  
  #heart { position: relative; width: 100px; height: 90px; animation: puls 2s ease infinite;}
  
  #heart:before, #heart:after { position: absolute; 
  content: ""; left: 50px; top: 0; width: 50px; height: 80px; 
  background: red; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; 
  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: 
  rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; 
  -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } 
  #heart:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
 
 @keyframes puls{
  0% {transform: rotate(0deg);} 
  
  50% {transform:rotate(360deg);}
  
  100% {transform:rotate(0 deg);}
  }
  
  
  
  
html {
	background: #d6eaf8;/* колір фону жовтий */  
	font-size:100%;/* розмір шрифту стандартний - 16px */ 
	font-family: Bookman Old Style, sans-serif;/* тип шрифту */ 
}
b{
color:red;
	
}


.header {
background-color:#d6eaf8; /* для цього блоку колыр фону червоний */ 
border:5px inset white;/* цей блок обгорнутий білою рамкою силю inset розміром 5 px */ 
}

.header__cell {
 margin-left: 100px ;/* відступ зліва */ 
font-family: Arial, sans-serif;/* тип шрифту */ 
 font-weight:600;/* вага - жирність шрифту*/ 
 font-size: 2rem; /* розмір шрифту в 2 рази більший від за замовчуванням */ 
 line-height:1.375;/* інтервал між рядками */  
 color: #333;/* колір тексту */ 
 }
 
 
.header__smalltext{
 font-family: Calibri, sans-serif;/* тип шрифту */ 
 font-size: 1.5rem;/* розмір шрифту в 1.5 рази більший від за замовчуванням */ 
 color: #000;/* колір шрифту */ 
}


.login {
	background: #C0C0C0;/* колір фону синій */  
}

.login__mal {
	
}
.footer {
		background: #8888; /* колір фону */ 
	
}

.imgtext{
	max-width:1000px;
	display: inline-block;
}

.footer__cell {
margin-both: 80px ;/* відступ з усіх сторін */ 
text-align: center;/* вирівнювання тексту посередині */ 

}

.menu__list{
	list-style:none; /* забирає маркер для списку */ 
	padding: 3px 15px 3px 0;/* відступи з усіх сторін*/ 
	font-family: Calibri, sans-serif;/* тип шрифту */ 
     font-size: 1.5rem;/* розмір шрифту в 1.5 рази більший від за замовчуванням */
	 border: outset;
	 background:#C0C0C0;
	 
	
		
}
li{ background: #fc0;
	display: inline-block; /*щоб меню було горизонтальним*/
	
	
}

li__r{
	color: blue; /*щоб меню було горизонтальним*/
}

/* псевдоклас який виконується при наведенні миші */
li:hover{
    background:Olive;/* фон при наведенні миші */ 
	-webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, background-color 2s, transform 2s;
	
	
}
/* псевдоклас коли активується */
li:active {
    background:white/* фон при активації */
	
}