.glass {background: rgba(89, 184, 144, 0.31);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(1.5px);
-webkit-backdrop-filter: blur(1.5px);
border: 1px solid rgba(89, 184, 144, 0.25);} 

 .glassmorph {background: rgba(52, 24, 63, 0.31);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3.5px);
-webkit-backdrop-filter: blur(3.5px);
border: 1px solid rgba(52, 24, 63, 0.25);}

.neumorphism-1 {
	height: 250px;
	width: 250px;
	background: #dde1e7;
	border-radius: 5px;
	box-shadow: -3px -3px 7px #ffffffb2, 3px 3px 5px rgba(94, 104, 121, 0.945);
}



.neumorphism-3 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1500px;
	width: 150px;
	background: #dde1e7;
	border-radius: 50%;
	box-shadow: -3px -3px 7px #ffffffa6, 3px 3px 5px rgba(94, 104, 121, 0.712);
	position: relative;
}
.neumorphism-3:after {
	content: '';
	position: absolute;
	height: 50%;
	width: 50%;
	background-color: transparent;
	border-radius: 50%;
	box-shadow: -3px -3px 7px #ffffffb0, 3px 3px 5px rgba(94, 104, 121, 0.671);
}

.neumorphism-4 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1500px;
	width: 150px;
	background: #dde1e7;
	border-radius: 50%;
	box-shadow: -3px -3px 7px #ffffffa6, 3px 3px 5px rgba(94, 104, 121, 0.712);
	position: relative;
}
.neumorphism-4:after {
	content: '';
	position: absolute;
	height: 50%;
	width: 50%;
	background-color: transparent;
	border-radius: 50%;
	box-shadow: inset -3px -3px 7px #ffffffb0, inset 3px 3px 5px rgba(94, 104, 121, 0.671);
}

.innershadow {
    position: absolute;
width: 100px;
height: 44px;
left: 19px;
top: 10px;

background: #E9EDF0;
box-shadow: inset -5px -5px 15px rgba(255, 255, 255, 0.75), inset 5px 4px 6px rgba(166, 180, 200, 0.65);
border-radius: 40px;
}