:root {
	/* endless constellation */
	--img-bg-8: #181818;
	--bg-img-8: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23404' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23505'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");

	--font-stack: Roboto, Helvetica, Arial, sans-serif;
}


/* Remove the margin in all browsers. */
*,
*::before,
*::after {
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	user-select: auto;
}

::-webkit-scrollbar {
	width: 0 !important;
	z-index: 1000;
	background: transparent;
}

/* *********************** */
/* 1. Correct the line height in all browsers. */
/* 2. Prevent adjustments of font size after orientation changes in iOS. */
html {
	font-size: 1em;
	color: aliceblue;
	line-height: 1.5;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	scroll-behavior: smooth;
}

/* Set core root defaults */
html:focus-within {
	scroll-behavior: smooth;
}

/* Remove text-shadow in selection highlight: */
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/* A better looking default horizontal rule */
/* 1. Add the correct box sizing in Firefox. */
/* 2. Show the overflow in Edge and IE. */
hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

.no-split {
	white-space: nowrap;
}

/* 1. Correct the inheritance and scaling of font size in all browsers. */
/* 2. Correct the odd `em` font sizing in all browsers. */
pre,
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

body {
	transform: scale(1);
	transform-origin: 0 0;
	color-scheme: light dark;
	font-synthesis: none !important;
	text-rendering: optimizeSpeed !important;
	line-height: 1.5 !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	font-size: 100% !important;
	font-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	font-family: var(--font-stack) !important;
	background: var(--img-bg-8) var(--bg-img-8) !important;
	overflow: auto;
	transition:
		color 0.5s,
		background-color 0.5s;
}

/* *********************** */
.Logo {
	/* height: 6em; */
	/* padding: 1.5em; */
	will-change: filter;
	transition: filter 300ms;
}

.Logo:hover {
	filter: drop-shadow(1em 1em 2em #747485aa);
}

.gradient-text {
	background: linear-gradient(45deg, #b3d4fc, #f4adb6, #16445c);
	/* Define your gradient colors */
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	/* Make the text color transparent */
	background-clip: text;
}