* {
  box-sizing: border-box;
}
/*Background image*/
body {
  /* Location of the image */
  background-image: url(background.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
  color:white;
}


/* Style the search field */
form.example input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 2px solid grey;
  float:left;
  width: 80%;
  background: transparent;
}

/* Style the submit button */
form.example button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #2196F3;
  color: white;
  font-size: 17px;
  border: 3px solid grey;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
}
form.example button:hover {
  background: rgb(10,100,0);
}

form.example:hover {
  background: wheat;
}

/* Clear floats */
form.example::after {
  content: "";
  clear: both;
  display: table;
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: #333;
  overflow: hidden;
  align-content: center;	
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: wheat;
  text-align: center;
  padding: 1.2% 7%;
  text-decoration: none;
  font-size: 120%;
	
}
/*Navigation bar*/
/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}
.topnav a.passive {
	  background-color:#2196F3; 
  color: white;
}

marque {
	  background-color: #333;
  overflow: hidden;
	color: darkgoldenrod;
}

#heading { /* this is the ID selector */
  background:rgb(43,41,57) ;
}
#marq { /* this is the ID selector */
  background:rgb(43,41,57) ;
}
#halfblocked {
  background-color: yellowgreen;
  overflow: hidden;
	color: darkred;
}

/* Add a black background color to the top navigation */
.halfblocked {
  background-color: rgb(43,41,57);
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.halfblocked a {
  float: left;
  color: transparent;
  text-align: center;
  padding: 1% 40.5%;
  text-decoration: none;
  font-size: 40px;
}
/*Navigation bar*/
/* Change the color of links on hover */
.halfblocked a:hover {
  background-color: #ddd;
  color: black;
}
#heading {
        background-image:url(background.jpg) ;
	color: sandybrown;
}
#marq {
	background-image: url(background.jpg);
	color:lightsalmon;
	font-size: 20px;
}
#footer {
	color: aqua;
}