body {
  background-image: linear-gradient(180deg, cornflowerblue, azure);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  font-family: Comic Sans, cursive;
}

h2 {
	text-align: center;
	color: maroon;
	font-size: xxx-large;
	text-shadow: 2px 2px 3px SteelBlue;
}

.s1 {
	text-shadow: 2px 1px 3px black;
	font-size:48px;
}

.gap {
	border-right: 1px solid gray;
	border-left: 1px solid gray;
}

a:link {
	color: green;
	background-color: transparent;
	text-decoration: none;
  }
  a:visited {
	color: navy;
	background-color: transparent;
	text-decoration: none;
  }
  a:hover {
	color: red;
	background-color: transparent;
	text-decoration: underline;
  }
  a:active {
	color: indianred;
	background-color: transparent;
	text-decoration: underline;
  }
table, th, td {
	border:3px double indigo;
	text-align: center;
	word-spacing: 5px;
}
th{
	background-color: indigo;
	color: beige;
}
.LPU {
	background-color: RosyBrown;
	color: midnightblue;
	font-style: italic;
}
.LiveEvent {
	background-color: lightgray;
	color: maroon;
	text-shadow: 1px 1px MidnightBlue;
	font-weight: bold;
	letter-spacing: 1px;
}
.futsu {
	background-color: silver;
	font-weight: bold;
	text-shadow: 1px 1px MidnightBlue;
}
.codechefStyle {
	background-color: lightgreen;
	font-weight: bold;
}
.LeetCodeStyle {
	background-color: lightgoldenrodyellow;
	font-weight: bold;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{background-color: #f1f1f1;}
	.dropdown-menu > li:hover > .submenu{display: block;}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

	.dropdown-menu .dropdown-menu{
			margin-left:0.7rem; 
			margin-right:0.7rem; 
			margin-bottom: .5rem;
	}
}	
/* ============ small devices .end// ============ */