.bell{
	content: url('https://api.iconify.design/fa6-regular/bell.svg?color=red&height=50');
	position: relative;
	right: 3px;
	top: 11px;
}

.ert
{
  content: url('https://api.iconify.design/charm/heart.svg?color=red&height=27');
}

.sun{
	content: url('https://api.iconify.design/akar-icons/sun.svg?color=black&height=22');
}

.moon{
	content: url('https://api.iconify.design/bytesize/moon.svg?color=white&height=22');
}

.theme1,.theme2{
	float: right;
	position: relative;
	top: 20px;
	right: 30px;
	border-radius: 20px;
}

.hide{
	display: none;
}
div.sticky{
	position: sticky;
	top: 0;
	background-color: #0B0C10;
	padding-top: 3px;
}

.hl{
	background-color: #66FCF1;
	padding: 1px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 10px;
}

body{
	background-color: #0B0C10;
}
#heading{

	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 30px;
	font-size: 40px;
	color: white;
}

.platforms{
	text-align: center;
	font-size: 200%;
	font-weight: bold;
	margin: 5px;
}

#codeforces , #codechef , #leetcode{
		
	margin: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 30px;
	padding-top: 0px;
	color: antiquewhite;
}

.cards{
	padding: 15px;
	padding-bottom: 1px;
	padding-left: 30px;
	border-style: solid;
	border-width: 3px;
	border-radius: 15px;
	border-color: #66FCF1;
	margin-top: 28px;
	font-size: 20px;
	color: white;
	min-width: 150px;
}

.card:hover {
    transform: scale(1.05);
  }

#footer{
	text-align: center;
	font-size: 25px;
	color: white;
	padding-bottom: 20px;
}





#foot {
	animation: pulse 3s ease-out infinite;
	//background: radial-gradient(250px 250px, #ffffff, rgba(0, 0, 0, 0) 1000px), #333;
	overflow: hidden;
	font-family: 'Akaya Telivigala', cursive;
	}




	@keyframes pulse {
	0% {
	  font-size: 20px;
	}
	50% {
	  font-size: 30px;
	}
	100% {
	  font-size: 20px;
	}
	}