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

body {
	font-family: "Satoshi", sans-serif;
	width: 100%;
	height: 100vh;
	background-color: rgb(22, 22, 22);
	color: white;
	overflow: hidden auto;
}

.btn {
	display: flex;
	align-items: center;
	gap: .25rem;
	color: #67cae2;
	background: linear-gradient(90deg, #3399c06b, #3365c04a);
	border: 1px solid #2d5db18f;
	border-radius: 17px;
}

*::-webkit-scrollbar {
	height: 7px;
	width: 7px;
}

*::-webkit-scrollbar-track {
	border-radius: 5px;
	background-color: rgb(22, 22, 22);
}

*::-webkit-scrollbar-track:hover {
	background-color: rgb(22, 22, 22);
}

*::-webkit-scrollbar-track:active {
	background-color: rgb(22, 22, 22);
}

*::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #101010;
}

*::-webkit-scrollbar-thumb:hover {
	background-color: #101010;
}

*::-webkit-scrollbar-thumb:active {
	background-color: #101010;
}