* {
	margin: 0;
}
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-image: radial-gradient(circle, antiquewhite 0.5px, #E0E722 1px);
	background-size: 10px 10px;
	background-color: ghostwhite;
}

a:link {
	background-color: ghostwhite;
	text-decoration: none;
	border-radius: 0.5rem;
	padding: 0.5rem;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	}

a:hover {
	background-color: hotpink;
}

@media (prefers-color-scheme: dark) {
	body {
		background-image: radial-gradient(circle, #191919 0.5px, #040d14 1px);
		background-size: 10px 10px;
	}

	a:link {
		background-color: #1c1b1a;
		box-shadow: black 0px 3px 8px;
	}

	a:hover {
		background-color: #E0E722; 
	}
@media (orientation:landscape) {
	body {
		font-size: clamp(2rem, 6vw, 10rem);
	}