Glasscss.css

{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:'Poppins',sans-serif;
}
body
{
				display:flex;
				justify-content:center;
				align-items:center;
				min-height:100vh;
				background:#161623;		
}
body::before 
{
 
    content:'';
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%	;
				background:linear-gradient(#f00,#f0f);
				clip-path:circle(40% at right 70%);
				clip-path:circle(40% at right 70%);			
}
body::after
{
 
    content:'';
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%	;
				background:linear-gradient(#2196f3,#e91e63);
				clip-path:circle(35% at 20% 20%);			
}
.container
{
				position:relative;
				display:flex;
				justify-content:center;
				align-items:center;
				max-width:1200px;
				flex-wrap:wrap;
				z-index:1;				
}
.container .card
{
				position:relative;
				width:380px;
				height:300px;
				margin:50px;
				box-shadow: 20px 20px 50px rgba(0,0,0,0.5);
				border-radius:15px;
				background:rgba(255,255,255,0.1);
				overflow:hidden;
				display:flex;
				justify-content:center;
				align-items:center;
				border-top:7px solid rgba(255,255,255,0.5);
				border-left:7px solid rgba(255,255,255,0.10);
				backdrop-filter:blur(5px);
				
				
				
}