.aboutbox{
	visibility: visible;
    animation-delay: 0.5s;
    animation-name: fadeIn;
    box-shadow: 0 0 5px;
    padding: 12px;
    min-height: 318px;
    border: 1px solid gray;
    text-align: center;
	-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.aboutbox:hover{
	background: linear-gradient(to bottom right, #fdfcff, #ce4d8633);
	visibility: visible;
    animation-delay: 0.5s;
    animation-name: fadeIn;
    box-shadow: 0 0 5px;
    padding: 12px;
    min-height: 318px;
    border: 1px solid gray;
    text-align: center;
	border-top-left-radius:20px;
	-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}