stylesheet.css

body{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}
li{
  display: inline-block;
  padding: 6px;
}

.topright{
  float: right;
  vertical-align: middle;
}

.topleft{
  display: inline-block;
}

.topimage{
  width: 30px;
  vertical-align: middle;
}
#pagebody{
  text-align: center;
  margin-top: 10em;
}
#searchsection{
  margin-top: 3em;
}
#searchbar{
  border-style: solid;
  border-color: rgb(206, 206, 206);
  border-width: 1px;
  border-radius: 5em;
  padding: 14px;
}
#searchbar:hover{
  box-shadow: 2px 2px 7px 2px rgb(226, 226, 226);
}
a:link{
  text-decoration: none;
  cursor: pointer;
}
a:hover{
  text-decoration: underline;
}
button:hover{
  box-shadow: 2px 2px 7px 2px rgb(226, 226, 226);
  border-color: rgb(206, 206, 206);
  border-width: 1px;
  border-style: solid;
}
.imageforsearch{
  width: 15px;
  vertical-align: middle;
}
input{
  width: 30em;
  height: 3em;
  border: none;
}
input:focus{
  outline:none;
}

button{
  margin-top: 5em;
  padding: 10px;
  margin: 5px;
  margin-top: 30px;
  border: none;
  border-radius: 5px;
  width: 10em;
  cursor: pointer;
}
.bottomright{
  float: right;
  vertical-align: middle;
}

.bottomleft {
  display: inline-block;

}
#bottomrow{
  position: absolute;
  width: 99%;
  bottom: 0;
  font-size: 14px;
  background-color: rgb(226, 226, 226);
}