:root {
	--background-color: rgba(241, 241, 241, 0.3);
	--text: #000000;
	--mode: url('../img/svg/light.svg');
	--body: rgb(180, 159, 218, 0.5);
	--post-title: rgb(180, 159, 218, 1);
}

.dark-theme {
	--background-color: rgba(19, 19, 19, 0.3);
	--text: #ffffff;
	--mode: url('../img/svg/dark.svg');
	--body: rgb(238, 162, 162, 0.5);
	--post-title: rgb(238, 162, 162, 1);
}

::-webkit-scrollbar {
	width: 10px;
	height: 1px;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #12b7f5;
	background-image: linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #f6f6f6;
}