body {
	margin: 0;
	background-color: var(--color-background-primary);
	color: var(--color-text-primary);
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 20;
	line-height: 1.5;
	overflow-x: hidden;
}

* {
	box-sizing: border-box;
}

:root {
	--color-primary: #5e81ac;
	--color-hover: #ffffff;
	--color-text-primary: #ffffff;
	--color-background-primary: #2e3442;
	--color-background-secondary: #222834;
	--color-background-tertiary: #050d1d;
}

.center {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.center-vertical {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

h1,
h2,
h3,
h4,
h5,
h6,

p {
	margin: 0;
}


:root {
	color-scheme: dark;
}

::-webkit-scrollbar {
	width: 12px;
	background: var(--color-background-tertiary);
}

::-webkit-scrollbar-thumb {
	background: var(--color-primary);
	border-radius: 10px;
	border: 3px solid var(--color-background-tertiary);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--color-hover);
}


.blobs-container {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;

	overflow: hidden;
}

.blob {
	position: absolute;
	height: 100%;
}

.blob-darker {
	filter: brightness(70%);
}