body {
	background-color: var(--color-bg-card);
	overflow: hidden;
}

.card {
	margin-block-start: 5vh;
	margin-inline: auto;
	max-width: 400px;
	max-height: calc(100svh - 10vh);
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--color) var(--color-bg);
}

.link-list {
	display: flex;
	flex-direction: column;
	gap: var(--vap);
}

.link-list-item {
	background-color: var(--color-bg-secondary);
	border: var(--color-border);
	border-radius: var(--border-radius);
	padding: 0.25em;
	width: 90%;
	max-width: 300px;
	margin-block: calc(var(--gap) / 2);
	margin-inline: auto;
	text-align: center;
	transition: all 0.1s ease-in-out;
}

.link-list-item:hover,
.link-list-item:focus {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	outline: none;
}

.link-list-item:active {
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3);
    transform: translateY(1px);
    filter: brightness(0.95);
    outline: none;
}