.example {
	margin:20px;
	padding:10px;
	font-size:16px;
}
@media screen and (min-width: 900px) {
	.example {
		margin:30px;
		padding:20px;
		font-size:20px;
	}
}
@supports (display: grid) {
	.example {
		display: grid;
	}
}
.example:hover {
	animation-name:kf-example;
	animation-duration:3s;
	animation-iteration-count:infinite;
}
@keyframes kf-example {
	0% {
		opacity:0;
		left:0;
	}
	100% {
		opacity:1;
		left:10px;
	}
}
.example-circle {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	z-index:0;
	font-size:3vh;
	letter-spacing:0.08em;
}
