body {

}
.colorful-1 {
	background:
		-webkit-linear-gradient(45deg, hsla(200, 100%, 20%, 1) 0%, hsla(200, 100%, 20%, 0) 70%),
		-webkit-linear-gradient(315deg, hsla(168, 55%, 0%, 1) 10%, hsla(168, 55%, 0%, 0) 80%),
		-webkit-linear-gradient(225deg, hsla(140, 21%, 0%, 1) 10%, hsla(140, 21%, 0%, 0) 80%),
		-webkit-linear-gradient(135deg, hsla(359, 43%, 25%, 1) 100%, hsla(359, 43%, 25%, 0) 70%);
	background:
		linear-gradient(45deg, hsla(200, 100%, 20%, 1) 0%, hsla(200, 100%, 20%, 0) 70%),
		linear-gradient(135deg, hsla(168, 55%, 0%, 1) 10%, hsla(168, 55%, 0%, 0) 80%),
		linear-gradient(225deg, hsla(140, 21%, 0%, 1) 10%, hsla(140, 21%, 0%, 0) 80%),
		linear-gradient(315deg, hsla(359, 43%, 25%, 1) 100%, hsla(359, 43%, 25%, 0) 70%);
	}
.colorful-2 {
	background-size: cover;
  background: linear-gradient(-45deg, #EE7752, #333, #333, #23D5AB);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease-in-out infinite;
	-moz-animation: Gradient 15s ease-in-out infinite;
	animation: Gradient 15s ease-in-out infinite;
}
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
@font-face {
    font-family: geometry;
    src: url('../fontsbt4/geometry.otf');
    /*font-weight: bold;*/
    /*font-style: normal;*/
}
.bycloud-logo {
  font-family: 'geometry';
  text-shadow: 0px 0px 12px  rgba(255,255,255, 0.4);
}
.divisor {
  border-right: 1px dotted rgba(255,255,255, 0.5);
  margin-left: 1rem;
  margin-right: 1rem;
}
a {
  text-decoration: none;
  color: #fff;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
a .fa-twitter:hover {
  color: rgb(1, 170, 215);

  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
a .fa-facebook:hover {
  color: rgb(23, 64, 210);

  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
a .fa-linkedin:hover {
  color: rgb(64, 84, 142);

  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}