body { 
	background-color: #dcdcdc; 
}

.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: #dcdcdc;
}

nav a {
	font-size: 17px;
	font-weight: lighter;
	float: left;
	margin-left: 35px;
	color: black;
	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: black;
	background-color: grey;
	   }

.topnav a {

font: serif;
	font-size: 18px;
	font-weight:normal;
	float: left;
	margin: 2.4%;
	color: black;
	
	
}

.demo {
	width: 100%;
	height: 200px;
	background-color: #dcdcdc;
	overflow: auto;
	white-space: nowrap;
}

.demo img {
	width: 200px;
	height: 200px;
}