@font-face {
  font-family: Baloo;
  src: url(/BalooBhai2-Regular.ttf);
}


@font-face {
  font-family: Anton;
  src: url(/Anton-Regular.ttf);
}

body {
	font-family: Baloo !important;
	margin: 0;
    background: #4bd16f61;
}

#header{
	margin: auto;
	padding: 20px;
	text-align: center;
}

a img {
    transition: 0.4s;
    filter: saturate(1);
}

a:hover img {
    filter: saturate(5);
}

.float-left{
	float: left;
}

.float-right{
	float: right;
}

.slovoPerson{
	width: 40%;
}

.slovoPerson .slovoName{
    width: 90%;
}

.slovoPerson .slovoName img{
	width: 100px;
	height: 100px;
	filter: hue-rotate(360deg) saturate(0) contrast(1);
	transition: 0.4s;
}

.slovoPerson a{
	text-decoration: none;
}

.slovoPerson a:hover img{
	filter: hue-rotate(280deg) saturate(5) contrast(1.5);
	color: #003200;
}

.slovoPerson span {
	color: #3a3a3a;
	font-family: Anton;
    margin: 10px;
	font-size: 20px;
	transition: 0.3s;
	filter: none !important;
}

.slovoPerson .slovoName a:hover span{
	color: #003200;
}

.slovoPerson p{
	font-size: 18px;
}