:root{
	--body-color:#efefef;
	--nav-color:#1876f2;
	--bg-color:#fff;
}
.dark-theme{
	--body-color: #0a0a0a;
		--nav-color: #000;
		--bg-color: #000;
}

body {
	background: var(--body-color);
	transition: background 0.3s;

}
#dark-btn{
	position: absolute;
	top: 20px;
	right: 20px;
	background: #ccc;
	width: 45px;
	border-radius: 15px;
	padding: 2px 3px;
	cursor: pointer;
	display: flex;
	transition: padding-left 0.5s, background 0.5s ;
}
#dark-btn span{
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
}

#dark-btn.dar-btn-on{
	padding-left: 23px;
	background: #0a0a0a;
}