html,body
{
	margin:0px;
	padding:0px;
	font-family: "Mukta Mahee", sans-serif;
}

*
{
	margin:0px;
}


img
{
	max-width:100% !important;
	height:auto !important;
}


body
{
	position:relative;
	min-height:100dvh;
}

body::before
{
	z-index:0;
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image:linear-gradient(#FFFFFF, #FBD6C2);
	background-size:cover;
}

body::after
{
	z-index:0;
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(images/confetti.png) no-repeat center center;
	background-size:cover;
}

#l-results
{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:12vw 0% 10vw 0%;
	min-height:100dvh;
	box-sizing:border-box;
}

#l-results::before
{
	z-index:1;
	content:'';
	position:absolute;
	top:0%;
	left:0%;
	display:block;
	width:24.27%;
	height:100%;
	max-width:466px !important;
	max-height:361px !important;
	background:url(images/bg-tl.png) no-repeat top left;
	background-size:contain;
}

#l-results::after
{
	z-index:1;
	content:'';
	position:absolute;
	top:0%;
	right:0%;
	display:block;
	width:11.14%;
	height:100%;
	max-width:214px !important;
	max-height:279px !important;
	background:url(images/bg-tr.png) no-repeat top right;
	background-size:contain;
}

#l-results > .l-content
{
	width:100%;
	text-align:center;
}

#l-results > .l-content::before
{
	z-index:1;
	content:'';
	position:absolute;
	bottom:0%;
	left:0%;
	display:block;
	width:21.45%;
	height:100%;
	max-width:412px !important;
	max-height:418px !important;
	background:url(images/bg-bl.png) no-repeat bottom left;
	background-size:contain;
}

#l-results > .l-content::after
{
	z-index:1;
	content:'';
	position:absolute;
	bottom:0%;
	right:0%;
	display:block;
	width:19.16%;
	height:100%;
	max-width:368px !important;
	max-height:373px !important;
	background:url(images/bg-br.png) no-repeat bottom right;
	background-size:contain;
}

#l-results > .l-content > *
{
	position:relative;
	z-index:2;
}

#l-results > .l-content p
{
	margin:0px;
	font-family: "Bungee", sans-serif;
	line-height:100%;
	font-size:3.6vw;
	color:#7C1B0F;
	text-transform:uppercase;
}

#l-results > .l-content h1
{
	margin:0px;
	font-family: "Bungee", sans-serif;
	line-height:100%;
	font-size:4vw;
	color:#7C1B0F;
	text-transform:uppercase;
}

#l-results > .l-content div
{
	margin:1vw 0vw 2vw 0vw;
}

#l-results > .l-content div img
{
	max-width:24.48% !important;
}

@media screen and (max-width:1079.98px)
{
	#l-results
	{
		display:block;
		padding:20vw 0% 40vw 0%;
		min-height:auto;
		box-sizing:border-box;
	}

	#l-results > .l-content
	{
		margin:0px auto;
		max-width:70%;
	}

	#l-results > .l-content p
	{
		font-size: 6vw;
	}

	#l-results > .l-content div img
	{
		width:100%;
		max-width: 60% !important;
	}

	#l-results > .l-content h1
	{
		font-size: 8vw;
	}

	#l-results::before
	{
		width:28.70%;
		max-width:310px !important;
		max-height:286px !important;
		background:url(images/bg-tl-mobile.png) no-repeat top left;
		background-size:contain;
	}

	#l-results::after
	{
		width:18.42%;
		max-width:199px !important;
		max-height:262px !important;
		background:url(images/bg-tr-mobile.png) no-repeat top right;
		background-size:contain;
	}

	#l-results > .l-content::before
	{
		width:38.42%;
		max-width:415px !important;
		max-height:375px !important;
		background:url(images/bg-bl-mobile.png) no-repeat bottom left;
		background-size:contain;
	}

	#l-results > .l-content::after
	{
		width:37.22%;
		max-width:402px !important;
		max-height:455px !important;
		background:url(images/bg-br-mobile.png) no-repeat bottom right;
		background-size:contain;
	}
}


#l-details
{
	z-index:3;
	position:absolute;
	right:5vw;
	top:calc(50% + 2vw);
	padding:1vw;
	width:27vw;
	line-height:1.25vw;
	font-family: "Bungee", sans-serif;
	font-size:0.8vw;
	color:#7C1B0F;
	text-align:center;
	background:#FBF6E8;
	border-radius:23px;
	box-shadow:0px 4px 4px #00000040;
	box-sizing:border-box;
	transform:rotate(-5deg) translateY(-50%);
}


#l-details ul.social
{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.15vw;
	margin:10px 0px 0px 0px;
	padding:0px;
	list-style:none;
}

#l-details ul.social img
{
	width:3vw;
}

@media screen and (max-width:1079.98px)
{
	#l-details
	{
		position:relative;
		top:-35vw;
		right:0px;
		margin:0px auto 0vw auto;
		padding:2vw;
		width:66.38%;
		line-height:2.5vw;
		font-size:2vw;
		transform: rotate(-5deg);
	}

	body::after
	{
		background:url(images/confetti-mobile.png) no-repeat center center;
		background-size:cover;
	}
}