<script>
</script>

<div class="hero-img"><img height="100%" src="/manager.png" alt="Screenshot of ReVanced Manager" /></div>

<style>
	.hero-img {
		overflow: hidden;
		height: 80vh;
		z-index: -1;
		width: auto;
		float: right;
		border-radius: 2rem;
		transform: rotate(3.7deg) translateY(2%);
		box-shadow: 0 1rem 3rem 0 #0f111a;
		user-select: none;
	}
	.hero-img::after{
		box-shadow: inset 2rem 2rem 5rem -3rem var(--grey-two), inset -2rem -2rem 5rem -3rem var(--grey-one);
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
</style>
