body {
	font-family: Trattatello, fantasy;
	padding: 20px;
	background: #187870;
}
.header {
	background-color: #2b9111;
	padding: 40px;
	
	text-align: center;
}
.footer {
	background-color: white;
	padding: 20px;
}
.card-header{
	background-color: #a1c2aa;
	transittion: 0.2s;
}
.card:hover .card-header{
	background-color: #ffffff;
	transittion: 0.2s;
}
.img{
	background-color: #aaa;
	padding:20px;
	background-size: cover;
	background-position: center;
}

@import url(https://fonts.googleapis.com/css?family=Rubik+One&subset=latin,cyrillic);

.rainbow {
  background: linear-gradient(red,orange,yellow,green,lightblue,blue,purple);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-position: top right;
}
.rainbow:hover {
	background: black;
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
a {
	color: black;
	background-color: white;
}
.down {
	background: linear-gradient(blue,white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}