html{
    font-weight:500;
}
.title-font{
font-family: monospace;
color:yellow;
border: 3px;
font-size:xx-large;

}
.leading-relaxed{
color: white;
}
#mainphoto{
border-radius: 20px;
border-top: 3px;

}
.leading-relaxed{
    font-family: Arial, Helvetica, sans-serif;
}
.heading:hover{
    color: yellow;
    font-size: x-large;
    color: #fff;
		padding: 5px;
		display: inline-block;
		border-radius: 5px;
		animation: blinkingBackground 5s infinite;
}
.heading{
    font-family: Arial, Helvetica, sans-serif;
    color: greenyellow;
    background-attachment: local;
	 font-size:large;
}

	.blink-bg{
		color: #fff;
		padding: 5px;
		display: inline-block;
		border-radius: 5px;
		animation: blinkingBackground 5s infinite;
	}
	@keyframes blinkingBackground{
		0%		{ background-color: #10c018;}
		25%		{ background-color: #1056c0;}
		50%		{ background-color: #ef0a1a;}
		75%		{ background-color: #254878;}
		100%	        { background-color: #04a1d5;}
	}