* {
	box-sizing: border-box;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: clamp(1rem, 5vw, 3rem);
	margin: 0;
	padding: 1rem;
	min-height: 100vh;
	display: grid;
	place-items: center;
	background: lime;
}

.hover {
	display: none;
}

@media (hover: hover) and (pointer: fine) {
	body {
		background: yellow;
	}
	
	.touch {
		display: none;
	}
	
	.hover {
		display: block;
	}
}