body {
  color: black;
  font-family: 'Segoe UI', Noto Sans Kannada, sans-serif;
  font-size: 11px;
  background-image: url('/assets/images/2026-06-03_01.55.59.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: auto;
  margin: 0;
  width: auto;
  height: auto;
}

nav {
  list-style: none;
  font-weight: normal;
  background-image: linear-gradient(#c0c0c0 0%, #404040 50%, #303030 50%, #000000 100%);
  margin: 0 0 0 0;
  width: 100%;
  text-align: left;
}

nav ul {
  list-style-type: none;
  display: inline-block;
}

nav li {
  padding-left: 0;
  padding-right: 10px;
  margin: 0;
  display: inline-block;
}

nav li a {
  border: 2px outset;
  border-color: darkgray black;
  padding: 10px;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  /*background-color: #086ba9;*/
  float:left;
  background-image: linear-gradient(#8e8e8e 0%, #484848 50%, #383838 50%, #1c1c1c 100%);
}

nav li a:hover {
  color: #FFFFFF;
  /*background-color: #35af3b;*/
  background-image: linear-gradient(#99d6ff 0%, #33adff 50%, #0099ff 50%, #006bb2 100%);
}

nav li a:active {
  border: 2px inset;
  border-color: black lightgray;
  color: #FFFFFF;
  background-image: linear-gradient(#2682bf 0%, #19567f 50%, #004c7f 50%, #00263f 100%);
}

#list {
  text-align: start;
}

#heading {
  color: white;
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #00000080;
  margin: 10px;
  padding: 0 10px 0 10px;
  text-align: center;
}

#main {
	color: black;
	font-family: 'Segoe UI', Noto Sans Kannada, sans-serif;
	border: 2px inset;
	border-color: darkgray white;
  background-color: white;
	padding: 0 20px 20px 20px;
	width: 50%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 105px;
	margin-bottom: 10px;
}

[class=breadcrumb] {
  text-align: start;
}

[class=breadcrumb] li {
  display: inline;
}

[class=breadcrumb] li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

center {
  margin: auto;
}

window {
    margin: auto;
  }

button a {
  color: black;
}

button a:visited {
  color: black;
}

button a:hover {
  color: black;
  text-decoration: none;
}

button a:active {
  color: black;
  text-decoration: none;
}

footer {
  margin: 10px;
  filter: drop-shadow(0 0 7px black);
}

@media (min-width:1200px) {
  center {
    max-width: 50%;
    margin: auto;
  }
}

@media (max-width:1200px) {
  center {
    max-width: 90%;
    margin: auto;
  }
}