body{
	background-color: LightGreen;
}

h2 {
	text-align: center;
}
h3 {
	text-align: center;
}
h4 {
	text-align: center;
}
h5 {
	text-align: center;
}
h6 {
	text-align: center;
}
.shadow-box{
	font-size: 20px;
	margin:20px;
	padding:10px;
	width: 400px;
	box-shadow: 8px 8px 15px rgba(0,0,0,0.3);

}

.contact{
	font-size: 20px;
	margin:20px;
	padding:10px;
	/*width: 100 vw;*/
	box-sizing: border-box;
	max-width: 400px;
	text-align: center;
		box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}
.references{
	font-size: 20px;
	margin:20px;
	padding:10px;
	/*width: 100 vw;*/
	box-sizing: border-box;
	max-width: 400px;
	text-align: center;
		box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	
	
}
.window:hover{
	transform: perspective(600px) rotateX(0deg) rotateY(0deg);
}

.rainbow {
	font-size: 26px;
	font-weight: bold;
	background: linear-gradient(270deg,red,orange,yellow,green,cyan,blue,violet,red);
	background-size: 200% auto;
	color: transparent;
	-webkit-background-clip: text;
	animation: rainbowShimmer 4s infinite;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}
@keyframes rainbowShimmer {
	0% {
		background-position: 0% 50%;
	}
	100%{
		background-position: 200% 50%;
	}
}