body { 
	background-color: black; 
}

.sticky-header {
  position: -webkit-sticky; /* Support for Safari */
  position: sticky;         /* Core sticky positioning */
  top: 0;                   /* Stick to the very top of the viewport */
  z-index: 1000;            /* Keeps header on top of other content */
  
                               /* Optional presentation styling */

  background-color: #7000ff;
  padding: 15px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* sticy header is created here. */

nav {
	width: 100%;
	height: 80px;
	background-color: black;
}

nav a {
	font-size: 18px;
	font-weight: lighter;
	float: left;
	margin-left: 40px;
	color: white;
	text-align: center;
	justify-content: center;
}

input {
	width: 90%;
	height: 30px;
	max-width: 800px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	border-radius: 10px;
}

.topnav {
	width: 100%;
	height: 100px;
	color: white;
	background-color: black;
	   }

.topnav a {

font: serif;
	font-size: 15px;
	font-weight:normal;
	float: left;
	margin: 2.3%;
	color: white;
}



/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}


/* the movie slide sshow starts from here....*/


/* the movie slide sshow ends from here....*/