@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
	width: 100wh;
	height: 100vh;
	background: linear-gradient(-60deg, #26437F, #122F6B, #0041CC);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
	font-family: 'Open Sans', sans-serif;
	padding-top: 150px;
}

img.logo{
	height: 60px;
	opacity: 0.8;
}

img.logo:hover{
	opacity: 1;
}

.border{
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	text-align: center;
	height:120px;
	width:120px;
	padding-top: 30px;
}

a{
	color: white;
	text-decoration: none;
}

a:hover{
	color: white;
	text-decoration: none;
}

.border-qcs{
	background-color:rgb(95, 55, 170);
}

.shortcuts{
	margin-top: 90px;
}

.quad{
	border-radius: 25px;
	background: white;
	color:black;
	-webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.75);
	opacity: 0.8;
}

.quad:hover{
	opacity: 1;
}

.quad img{
	padding-top:50px;
	padding-bottom:50px;
	height: 150px;
}

@-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%
	}
}