/* Все що записанов в таких дужках, 
це коментарі і браузером 
вони не виконуються*/

html {
	background: #CADABA; /* колір фону жовтий */  
	font-size:100%;/* розмір шрифту стандартний - 16px */ 
	font-family: Bookman Old Style, sans-serif;/* тип шрифту */ 
}


.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; /* колір фону */ 
	
}



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

}


li{ 
list-style:none;
display: inline-block; /*щоб меню було горизонтальним*/
	
	
}


body {background: #d6eaf8}
a {
  text-decoration: none;
  outline: none;
  color: white;


  border-radius: 10px;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-image: linear-gradient(to right, #9EEFE1 0%, #4830F0 51%, #9EEFE1 100%);
  background-size: 200% auto;
  box-shadow: 0 0 20px rgba(0,0,0,.1);
  transition: .5s;
}
a:hover {background-position: right center;}