@font-face {
    font-family: 'basic';
    src: url('./police/KaushanScript-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

html{
	width:100%;min-width:8em;
	height:100%;min-height:30em;
	background-color:#F4FEFE;
}

body{
	position:relative;
	font-size:1.3em;
}

header{
	font-family:basic,Arial,serif;
	font-weight:600;
	text-align:center;
	vertical-align:top;
	display:inline-block;
	transition: transform 2s, transform-origin 2s;
	margin:10px;
	padding:0.5em;
	border-radius: 0.5em;
	background-color:#FBFCFA;
	border-bottom: 0.25em solid #BABABA;
	box-shadow:15px 15px 20px;
}

header:hover{
	transform : scale(2,5);
	transform-origin: left top 50px;
}

a{
	color:inherit;
	text-decoration:inherit;
	display:inline-block;
	background-color:none;
}

.rotate{
	font-family:basic,Arial,serif;
	

	vertical-align:center;
	margin:1em;
	
	
	text-align:center;
	
	background-color:#FBFCFA;
	border-bottom: 0.25em solid #BABABA;
	color:black;
	border-radius: 0.5em;
	box-shadow:15px 15px 20px black;
	
	display:inline-block;
	-moz-transition: transform 2s, color 2s;
	-webkit-transition: -webkit-transform 2s, color 2s;
	-ms-transition: transform 2s, color 2s;
	-o-transition: transform 2s, color 2s;
	transition: transform 2s, color 2s;
}
.rotate:hover{
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
	color:#FBFCFA;
}
.rotate p{
	vertical-align:middle;
	display:inline-block;
	margin:0.5em;
}