@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Share+Tech+Mono&family=Space+Grotesk:wght@500;700&display=swap");


:root {
	--func-cb: cubic-bezier(0.2, 0.8, 0.2, 1);

	--font-digital: "Share Tech Mono", monospace;
}


* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}


body {
	width: 100dvw;
	height: 100dvh;

	display: flex;
	flex-direction: column;

	overflow: hidden;

	background-color: #121212;
	color: #e0e0e0;

	line-height: 1.6;
}


.glass {
	background-color: rgba(255,255,255,0.03);
	backdrop-filter: blur(10px);

	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 6px;

	box-shadow: 0 10px 30px rgba(0,0,0,0.5);
	text-shadow: 0 2px 4px rgba(0,0,0,0.8);
}


footer {
	--c-txt: rgba(255, 255, 255, 0.2);

	width: 100%;
	flex: 0.05;

	display: flex;
	justify-content: center;
	align-items: center;

	color: var(--c-txt);

	font-family: "Consolas", monospace;
	font-size: 0.75rem;
	letter-spacing: 1px;

	cursor: default;

	position: relative;
}

.tos {
	position: absolute;
	right: 1rem;
}

.tos a {
	text-decoration: none;

	color: var(--c-txt);
}

.tos a:hover {
	text-decoration: underline;
}


@media (max-width: 1000px) {
	footer {
		flex-direction: column;
	}

	.tos {
		position: static;
	}
}