#sideNav {
	width: 250px;
	height: 100vh;
	position: fixed;
	right: -250px;
	top: 0;
	background: #128acfe0;
	z-index: 1000;
	transition: 0.5s;
}

#manubtn {
	width: 50px;
	height: 50px;
	background: #319edde0;
	position: fixed;
	right: 30px;
	top: 20px;
	border-radius: 3px;
	text-align: center;
	z-index: 1001;
	cursor: pointer;
}

#manubtn img {
	width: 20px;
	margin-top: 15px;
}

nav ul li {
	list-style: none;
	margin: 40px 20px;
}

nav ul li a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

#testimonials {
	margin-top: 100px;
}

.card {
	margin-bottom: 30px;
}

.piechart {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-image: conic-gradient(pink var(--deg),
			lightblue 0 235deg,
			orange 0);
}

.piechart {
	flex: 1;
	margin: 0 10px;
}

@media screen and (max-width: 768px) {
	#manubtn {
		right: 10px;
	}

	.piechart {
		width: 80px;
		height: 80px;
	}
}