html {
	height: 100vh;
}

body {
	margin: 0;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
		"Lucida Sans", Arial, sans-serif;
	color: white;
	height: 100%;
}
body::before {
	z-index: -1;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
}

/* a {
	color: rgb(18, 229, 113);
}
a:visited {
	color: rgb(23, 138, 125);
} */

.button {
	cursor: pointer;
	background-color: white;
	color: black;
	box-shadow: 0px 5px 10px black;
	transition: background-color 0.15s, color 0.15s, transform 0.15s;
}
.button:hover {
	background-color: rgb(23, 138, 125);
	color: white;
	transform: scale(1.1);
}

#app {
	height: 100%;
	background: radial-gradient(rgb(24, 82, 65), rgb(1, 42, 16));
}

.hand {
	height: 160px;
	background: radial-gradient(rgb(24, 70, 82), rgb(1, 42, 41));
	min-width: 100px;
	width: fit-content;
	max-width: 90%;
	border: 2px dashed white;
	border-radius: 12px;

	margin-bottom: 50px;
	padding: 10px;

	overflow: scroll;
	scrollbar-width: none;
	display: flex;
	gap: 5px;
}