body {
	background: #00f7ff;
	background: linear-gradient(135deg, rgba(0, 247, 255, 1) 0%, rgba(255, 0, 179, 1) 100%);
	height: 100%;
	margin: 0px;
	padding: 0px; 
}

.dark-mode-body {
	background: #2b2b2b;
	background: linear-gradient(135deg,rgba(43, 43, 43, 1) 0%, rgba(23, 23, 23, 1) 100%);
	height: 100%;
	margin: 0px;
	padding: 0px; 
}

.dark-mode {
	display: block;
	justify-content: left;
    position: fixed;
	width:40px;
    height:40px;
	bottom: 20px;
	left: 20px;
	transition:0.3s;
	opacity: 0.5;
}

.dark-mode img {
  height: 100%;
  width: 100%;
  transition:0.1s;
}

.dark-mode:active img {
	transform:scale(110%);
}

.dark-mode:hover {
	transform:scale(110%);
	opacity: 1;
}

.center {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}