@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400&family=Source+Sans+Pro&display=swap');
	.material-symbols-outlined.svelte-1q9xcsa {
		font-variation-settings:
			'FILL' 0,
			'wght' 400,
			'GRAD' 0,
			'opsz' 48;
	}

	#searchBar.svelte-1q9xcsa {
		background-color: #2b2b2fbf;
		height: 40px;
		max-height: 40px;
		max-width: 320px;
		min-width: 110px;
		border-radius: 35px;
		display: flex;
		justify-content: left;
		flex-direction: row-reverse;
		cursor: text;
		flex-grow: 1;
	}

	#searchSymbol.svelte-1q9xcsa {
		align-self: center;
		margin-left: 10px;
		color: #e6e6ea;
	}

	#searchinput.svelte-1q9xcsa {
		width: 100%;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: none;
		border: none;
		outline: none;
		margin-left: 10px;
		color: white;
	}

	#searchinput.svelte-1q9xcsa:placeholder-shown {
		color: grey;
	}

	@media screen and (max-width: 985px) {
		#searchinput.svelte-1q9xcsa {
			opacity: 0;
		}

		#searchBar.svelte-1q9xcsa {
			flex-grow: 0;
			max-width: 40px;
			min-width: 40px;
			width: 40px;
		}
	}

	

	.ssbc-button {
		background-color: #000 !important;
	}

	.ssbc-button:hover,
	.ssbc-button:active {
		background-color: #1e1e1e !important;
	}

	::-webkit-scrollbar {
		width: 8px;
		height: 3px;
	}

	::-webkit-scrollbar-button {
		background-color: #666;
	}

	::-webkit-scrollbar-track {
		background-color: #646464;
	}

	::-webkit-scrollbar-track-piece {
		background-color: #000;
	}

	::-webkit-scrollbar-thumb {
		height: 50px;
		background-color: #666;
		border-radius: 3px;
	}

	::-webkit-scrollbar-corner {
		background-color: #646464;
	}

	::-webkit-resizer {
		background-color: #666;
	}

	body {
		margin: 0;
		padding: 0;
		font-family: 'Inter';
		font-style: normal;
	}

	ul.svelte-1v3gn9a {
		padding: 0;
	}

	#subsections.svelte-1v3gn9a a:where(.svelte-1v3gn9a) {
		text-decoration: none;
		color: grey;
		font-family: 'Inter';
		font-style: normal;
		font-size: 18px;
	}

	.selected.svelte-1v3gn9a p:where(.svelte-1v3gn9a),
	.selected.svelte-1v3gn9a h1:where(.svelte-1v3gn9a) {
		color: #006edb;
		transition: color 0.2s;
	}

	.hideSub.svelte-1v3gn9a {
		pointer-events: none;
	}

	#logo.svelte-1v3gn9a a:where(.svelte-1v3gn9a),
	#contactButton.svelte-1v3gn9a a:where(.svelte-1v3gn9a),
	h1.svelte-1v3gn9a {
		text-decoration: none;
		color: #fff;
		font-family: 'Inter';
		font-style: normal;
		font-weight: 200;
		line-height: 30px;
	}

	h1.svelte-1v3gn9a {
		font-size: 29px;
		margin: 0;
	}

	nav.svelte-1v3gn9a {
		overflow: hidden;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
		display: flex;
	}

	#right.svelte-1v3gn9a {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 20px;
		padding: 25px;
		flex-grow: 1;
		justify-content: flex-end;
	}

	#left.svelte-1v3gn9a {
		position: relative;
		float: left;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding-left: 20px;
		white-space: nowrap;
		gap: 1em;
	}

	#contactButton.svelte-1v3gn9a {
		background-color: #006edb;
		height: 40px;
		min-width: 90px;
		border-radius: 35px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color 0.2s;
	}

	#contactButton.svelte-1v3gn9a:hover {
		background-color: #4477f6;
	}

	html {
		background-color: #212528;
		height: 100%;
	}

	#subsections.svelte-1v3gn9a {
		display: flex;
		flex-direction: row;
		transition: all 0.5;
	}

	#subsections.svelte-1v3gn9a a:where(.svelte-1v3gn9a):hover {
		color: #b7b7b7;
	}

	#subsections.svelte-1v3gn9a a:where(.svelte-1v3gn9a) {
		transition: color 0.2s;
		display: flex;
		height: 100%;
	}

	#subsections.svelte-1v3gn9a li:where(.svelte-1v3gn9a) a:where(.svelte-1v3gn9a) p:where(.svelte-1v3gn9a) {
		padding: 0 1em 0 1em;
	}

	#subsections.svelte-1v3gn9a li:where(.svelte-1v3gn9a) {
		list-style: none;
		font-family: 'Inter', sans-serif;
		font-size: 18px;
		color: grey;
	}

	@media screen and (max-width: 880px) {
		#subsections.svelte-1v3gn9a {
			padding: 0;
		}
	}

	@media screen and (max-width: 930px) {
		#subsections.svelte-1v3gn9a {
			padding: 0;
		}
	}

	@media screen and (max-width: 710px) {
		#logo.svelte-1v3gn9a {
			display: none;
		}

		#left.svelte-1v3gn9a,
		#subsections.svelte-1v3gn9a {
			padding-left: 0;
		}
	}

	.material-symbols-outlined.svelte-1v3gn9a {
		font-variation-settings:
			'FILL' 0,
			'wght' 400,
			'GRAD' 0,
			'opsz' 48;
	}

	#backToTop.svelte-1v3gn9a {
		position: fixed;
		bottom: 0;
		margin-bottom: 2em;
		margin-right: 2em;
		border-radius: 100%;
		border-width: 0px;
		width: 40px;
		height: 40px;
		text-align: center;
		opacity: 50%;
		right: 0;
	}