body {
  color:blue;
  background-color:white; 
  background-repeat: repeat-x; 
   font-family:"Arial";}
  .mit{
  float:right;

  

}
<h2 id= 
"tryit"> what will it do.
</h2>
hello{
  color:#d3bce5;
}
.nowwhat {
    top:45px:
}
  
#intro {
  color: blue;
}
#amora {
  color:yellow;
}
.mit{
  float:left;
  
}
.hey {
  display: inline;
}
a:link {
color:#FF0000;
} /* unvisited link, red */
a:visited {
color:#00FF00;
} /* visited link, green  */
a:hover {
color:#FF00FF;
}   /* mouse over link, magenta */
a:active {
color:#0000FF;
}  /* selected link, blue */

ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

li {
	float: left;
}
li a {
	display: block;
	padding: 8px;
	background-color: pink;
}a:link {
color:#FF0000;
} /* unvisited link, red */
a:visited {
color:#00FF00;
} /* visited link, green  */
a:hover {
color:#FF00FF;
}   /* mouse over link, magenta */
a:active {
color:#0000FF;
}  /* selected link, blue */

ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

li {
	float: left;
}
li a {
	display: block;
	padding: 8px;
	background-color: pink;
}
li a:hover {
	background-color: purple;
}a:link {
color:#FF0000;
} /* unvisited link, red */
a:visited {
color:#00FF00;
} /* visited link, green  */
a:hover {
color:#FF00FF;
}   /* mouse over link, magenta */
a:active {
color:#0000FF;
}  /* selected link, blue */

ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

li {
	float: left;
}
li a {
	display: block;
	padding: 8px;
	background-color: pink;
}
li a:hover {
	background-color: purple;
}a:link {
color:#FF0000;
} /* unvisited link, red */
a:visited {
color:#00FF00;
} /* visited link, green  */
a:hover {
color:#FF00FF;
}   /* mouse over link, magenta */
a:active {
color:#0000FF;
}  /* selected link, blue */

ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

li {
	float: left;
}
li a {
	display: block;
	padding: 8px;
	background-color: pink;
}
li a:hover {
	background-color: purple;
}a:link {
color:#FF0000;
} /* unvisited link, red */
a:visited {
color:#00FF00;
} /* visited link, green  */
a:hover {
color:#FF00FF;
}   /* mouse over link, magenta */
a:active {
color:#0000FF;
}  /* selected link, blue */

ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

li {
	float: left;
}
li a {
	display: block;
	padding: 8px;
	background-color: pink;
}
li a:hover {
	background-color: purple;
}
li a:hover {
	background-color: purple;
}a:link {
color:#FF0000;
} /* unvisited link, red */
a:visited {
color:#00FF00;
} /* visited link, green  */
a:hover {
color:#FF00FF;
}   /* mouse over link, magenta */
a:active {
color:#0000FF;
}  /* selected link, blue */

ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

li {
	float: left;
}
li a {
	display: block;
	padding: 8px;
	background-color: pink;
}
li a:hover {
	background-color: purple;
}a:link {
color:#FF0000;
} /* unvisited link, red */
a:visited {
color:#00FF00;
} /* visited link, green  */
a:hover {
color:#FF00FF;
}   /* mouse over link, magenta */
a:active {
color:#0000FF;
}  /* selected link, blue */

ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

li {
	float: left;
}
li a {
	display: block;
	padding: 8px;
	background-color: pink;
}
li a:hover {
	background-color: purple;
}a:link {
color:#FF0000;
} /* unvisited link, red */
a:visited {
color:#00FF00;
} /* visited link, green  */
a:hover {
color:#FF00FF;
}   /* mouse over link, magenta */
a:active {
color:#0000FF;
}  /* selected link, blue */

ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

li {
	float: left;
}
li a {
	display: block;
	padding: 8px;
	background-color: pink;
}
li a:hover {
	background-color: purple;
}a:link {
color:#FF0000;
} /* unvisited link, red */
a:visited {
color:#00FF00;
} /* visited link, green  */
a:hover {
color:#FF00FF;
}   /* mouse over link, magenta */
a:active {
color:#0000FF;
}  /* selected link, blue */

ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

li {
	float: left;
}
li a {
	display: block;
	padding: 8px;
	background-color: pink;
}
li a:hover {
	background-color: purple;
}