body{
    background-color: #333;
}
.fr {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 400px;
	margin-top: -200px;
	margin-left: -200px;
	border-radius: 2px;
    box-shadow: 8px 10px 15px 0 rgba(0, 0, 0, 0.2);
	overflow: hidden;
	background: linear-gradient(to top right, darkmagenta 0%, hotpink 100%);
	color: #333;
	font-family: "Open Sans", Helvetica, sans-serif;
   
}
.button-container {
    margin-top:10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 25%;
}